title: Textarea does not show content in UI even when DOM shows the innerHTML
body: <p>My jsp has the following text area:</p>
  
  <pre><code>&lt;textarea rows="5" cols="30" id="pasted_values"
                                              class="cell98 h15"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>onload of page, im dynamically setting the content this way:</p>
  
  <pre><code>$('#pasted_values').text(pastedValuesText);
  </code></pre>
  
  <p>But on page load, the text area is shown empty. But inspect element, HTML and DOM content for the text area element show the value present. </p>
  
  <p>Tried using .val(). But it only seems to work through js the sandbox js console in firebug.
  Tried using the textarea shortcut i.e</p>
  
  <pre><code>&lt;textarea rows="5" cols="30" id="pasted_values"
                                      class="cell98 h15" /&gt;
  </code></pre>
  
  <p>But the above distorts other UI for some strange reason.</p>
  
  <p>Please help.</p>