title: Using multiple UpdatePanels on a single page without interfering with each other
body: <p>It seems that when multiple UpdatePanels are on a single page, anytime an asyncPostBack occurs on one, all others will have their html reloaded. Is there a way around this?</p>
  
  <p><em>Example</em></p>
  
  <p><strong>Example.aspx</strong></p>
  
  <pre><code>&lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt; 
      &lt;ContentTemplate&gt;
          &lt;div style="border: 1px solid black;"&gt;
              &lt;asp:TextBox runat="server" ID="txtTEST1" /&gt;
              &lt;asp:Label runat="server" ID="lblTEST1" /&gt;
              &lt;asp:Button runat="server" ID="btnTEST1" Text="AsyncPostBack1" /&gt;
              &lt;div onclick="this.innerHTML='Wooo!'"&gt;Click Me - UpdatePanel1&lt;/div&gt;
          &lt;/div&gt;
      &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;
  
  &lt;div onclick="this.innerHTML='Wooo!'" style="padding: 1em;"&gt;Click Me. I'm not part of an Update Panel&lt;/div&gt;
  
  &lt;asp:UpdatePanel ID="UpdatePanel2" runat="server"&gt; 
      &lt;ContentTemplate&gt;
          &lt;div style="border: 1px solid black;"&gt;
              &lt;asp:TextBox runat="server" ID="TextBox1" /&gt;
              &lt;asp:Label runat="server" ID="Label1" /&gt;
              &lt;asp:Button runat="server" ID="Button1" Text="AsyncPostBack2" /&gt;
              &lt;div onclick="this.innerHTML='Wooo!'"&gt;Click Me - UpdatePanel2&lt;/div&gt;
          &lt;/div&gt;
      &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;
  </code></pre>
  
  <p><strong>Example.aspx.vb</strong></p>
  
  <pre><code>Protected Sub btnTEST1_Click(sender As Object, e As EventArgs) Handles btnTEST1.Click
      lblTEST1.Text = "Refreshed at " &amp; DateTime.Now.ToString()
  End Sub
  
  Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
      Label1.Text = "Refreshed at " &amp; DateTime.Now.ToString()
  End Sub
  </code></pre>
  
  <p><strong>Testing the issue</strong></p>
  
  <ol>
  <li>Click on all 3 of the divs with the "Click Me" text so that HTML is altered inside and outside of the UpdatePanels.</li>
  <li>Click one of the buttons labeled "AsyncPostBack". Regardless on which one is clicked, both UpdatePanels will have their HTML rerendered and replaced, as seen by the 2 divs inside the UpdatePanels resetting to their original text.</li>
  </ol>
  
  <p><strong>So I ask, is it possible to have multiple UpdatePanels on the same page that don't cause each other to rerender every time one of them has a asyncPostBack event.</strong></p>