title: asp:TextBox not cooperating with javascript
body: <p>I am trying to fill TextBox on event of two buttons.</p>
  
  <pre><code>&lt;div class="numbers-row"&gt;
   &lt;div onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty ) &amp;amp;&amp;amp; qty &gt; 0 ) result.value--;return false;" class="dec qtybutton"&gt;&lt;i class="fa fa-minus"&gt;&amp;nbsp;&lt;/i&gt;&lt;/div&gt;
  
   &lt;asp:TextBox ID="qty" runat="server" class="qty" title="qty" maxlength="12" name="qty"&gt;&lt;/asp:TextBox&gt;
  
   &lt;div onclick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty )) result.value++;return false;" class="inc qtybutton"&gt;&lt;i class="fa fa-plus"&gt;&amp;nbsp;&lt;/i&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/CFJv7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CFJv7.png" alt="Image contains two buttons. On Onclick event minus button decremented the value and plus button increment the value, but the value is not reflecting on TextBox. But if i use html textbox like &lt;code&gt;&lt;input type=&quot;text&quot; class=&quot;qty&quot; title=&quot;Qty&quot; value=&quot;1&quot; maxlength=&quot;12&quot; id=&quot;qty&quot; name=&quot;qty&quot;/&gt;&lt;/code&gt; it works fine"></a></p>
  
  <p>Image contains two buttons. On Onclick event minus button decremented the value and plus button increment the value, but the value is not reflecting on TextBox. But if i use html textbox like <code>&lt;input type="text" class="qty" title="Qty" value="1" maxlength="12" id="qty" name="qty"/&gt;</code> it works fine</p>