Given a textarea generated from asp:textbox, the inner text cannot be 'set' with Javascript or Jquery
<p>I have a single asp:textbox declared as follows:</p>

<pre><code>&lt;asp:TextBox ID="textBox1" class="myTB" runat="server" TextMode="MultiLine" 
Font-Names="Calibri" Font-Size="Small" Font-Bold="True" Height="175px" 
Width="725px" BorderColor="#76B900" BorderStyle="Solid" BorderWidth="2px" 
Style="overflow: hidden; margin: 5px;"&gt;&lt;/asp:TextBox&gt;
</code></pre>

<p>Rendered it looks like this:</p>

<pre><code>&lt;textarea name="ctl00$ctl00$ctl00$AllContent$MainContent$MainContent$textBox1" 
class="myTB" 
id="ctl00_ctl00_ctl00_AllContent_MainContent_MainContent_textBox1" 
style="border-bottom: #76b900 2px solid; border-left: #76b900 2px solid; 
margin: 5px; width: 725px; font-family: Calibri; height: 175px; 
font-size: small; overflow: hidden; border-top: #76b900 2px solid; 
font-weight: bold; border-right: #76b900 2px solid;" 
rows="2" cols="20"&gt;&lt;/textarea&gt;
</code></pre>

<p>I have tried the following JQuery and JS respectively and in either case, the content of the text-area never changes even though the value does when I look at it with the debugger</p>

<pre><code>function generateQuery() {
    var textBox = $(".myTB");
    textBox.value = "jquery woohoo";
}
</code></pre>

<p>AND</p>

<pre><code>function _generateQuery() {
    var textBox = document.getElementsByTagName("textarea");
    textBox.value =" work for crying out loud ";
                }
</code></pre>

<p>And yes, it's the only textbox of that class on my page.</p>
