title: How to maintain div contents after post back?
body: <p>I have a panel on a page which it's contents are changed client side. For example, I have the following web form:</p>
  
  <pre><code>&lt;asp:panel id="panContents" runat="server"&gt;
      &lt;span&gt;Initial content&lt;/span&gt;
  &lt;/asp:panel&gt;
  </code></pre>
  
  <p>The following jQuery snippet replaces the contents of the div client side when the page is first loaded:</p>
  
  <pre><code>$("&lt;%= panContents.ClientId =&gt;")
      .html("&lt;span&gt;Some content to be maintained after postback&lt;/span&gt;")
  </code></pre>
  
  <p>After the page is submitted and returned to the client, the contents of the panel reverts back to as when the page was first loaded:</p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt;Initial content&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is it possible to maintain the contents of the panel after post back so that it appears the same before being submitted? So I end up with the following after post back:</p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt;Some content to be maintained after postback&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>