JSFiddle - React, Tailwind, and code Playground

HTML

<p id="bug">I am a paragraph</p>

<ol id="results"></div>

JavaScript

jqTextNode = $(document.getElementById('bug').childNodes[0]);
results    = $('#results');

results.append('<li>' + jqTextNode.text() + '</li>'); // 1. I am a paragraph
jqTextNode.text("New text won't appear!");
results.append('<li>' + jqTextNode.text() + '</li>'); // 2. I am a paragraph
// Just as proof, this is also still "I am a pragraph"
console.log(document.getElementById('bug').childNodes[0].textContent);
            

// If we know we're not IE
jqTextNode.get(0).textContent = "Fix this bug please"
results.append('<li>' + jqTextNode.text() + '</li>'); // 3. Fix this bug please