title: InnerHtml in c#
body: <p>I have <code>&lt;td id="StatusPreview" runat="server"&gt;&lt;/td&gt;</code> and it gets populated by a js function by:</p>
  
  <pre><code>document.getElementById('StatusPreview').innerHTML = Ext.getCmp('TYComboEdit').getRawValue();
  </code></pre>
  
  <p>Now, I would like to change the content of the td in <code>c#</code> when a button is clicked.</p>
  
  <p>I created the following method:</p>
  
  <pre><code>    protected void hiddentoggletofrenchBackend(object sender, DirectEventArgs e)
      {
          this.StatusPreview.InnerHtml = "aaaaa";
      }
  </code></pre>
  
  <p>It does not change the content on the td. <strong>However</strong>, if I place an alert after setting the <code>InnerHtml</code> it alerts <code>aaaaa</code> even though the td content has not changed to reflect this. If I place an alert before setting the <code>InnerHtml</code> the alert is blank.</p>
  
  <p>How can I change the InnerHtml of the div?</p>
  
  <p>Thank you!</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>If I change the html to <code>&lt;td id="StatusPreview" runat="server"&gt;q&lt;/td&gt;</code> the alert shows <code>q</code> if it is placed before setting <code>InnerHtml</code>, and switches to <code>aaaaa</code> if placed after. 
  It is as if <code>InnerHtml</code> is taking the value on pageload, not the current value. </p>