Textarea value update not reflect in page
<p>I'm trying to update a textarea's value with Javascript. The code is similar to:</p>

<pre><code>console.warn("Before set, value is " + document.getElementById('myTextArea').value);
document.getElementById('myTextArea').value = 'OMGWTFBBQ';
console.warn("After set, value is " + document.getElementById('myTextArea').value);
</code></pre>

<p>Although the Firefox and Chrome consoles show that the <code>value</code> property is updated, this is not reflected in the page itself.</p>

<p>The specific function is invoked from an <code>onfocus</code> handler of another element. The textarea itself is lazily initialised from the same method, by using:</p>

<pre><code>var messageText = document.createElement('textarea');
messageText.id = 'myTextArea';
someParent.appendChild(messageText);
</code></pre>

<p>Obviously if I use the console rather than let the script run it does work.</p>
