title: Stop updatepanel updating when using __doPostBack on another updatepanel
body: <p>I have an issue with a .NET updatepanel updating when I don't want it to.</p>
  
  <p>I am using a combination of .NET Ajax and Twitter Bootstrap Javascript.  I have two update panels on a page (You will notice both panels have ChildrenAsTriggers set to false and UpdateMode set to conditional, hence the fact that I'm at a loss!!):</p>
  
  <p>PANEL 1:</p>
  
  <pre><code>            &lt;asp:UpdatePanel ID="upAreas" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"&gt;
                  &lt;ContentTemplate&gt;
                      &lt;asp:Literal ID="litEmptyAreas" runat="server" Text="You currently have no goals or actions." Visible="false" /&gt;
                      &lt;asp:Repeater ID="rptAreas" runat="server" 
                          OnItemDataBound="getAreaGoals" &gt;
                          &lt;ItemTemplate&gt;
                                  &lt;div class="accordion-group" id="areagroup"&gt;
                                  &lt;div class="accordion-heading area-heading"&gt;
                                      &lt;a class="accordion-toggle" data-toggle="collapse" href='#collapse-&lt;%# Eval("area_id") %&gt;' &gt;
                                          &lt;div class="areatitle"&gt;
                                          &lt;asp:Literal ID="litAreaTitle" runat="server" Text='&lt;%# Eval("area_title") %&gt;' /&gt;
                                          &lt;!-- &lt;span class="areacreatedate"&gt;&lt;asp:Literal ID="litAreaCreateDate" runat="server" Text='&lt;%# "created " + String.Format("{0:dd MMMM yyyy}", Eval("area_createdate")) %&gt;' /&gt;&lt;/span&gt;--&gt;
                                          &lt;/div&gt;
                                      &lt;/a&gt;
                                      &lt;div class="areaicons"&gt;
                                          &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-plus-sign icon-white areaiconplus"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;!--&lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-file icon-white areaiconlist"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                          &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-eye-open icon-white areaiconeye"&gt;&lt;/i&gt;&lt;/a&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div id='collapse-&lt;%# Eval("area_id") %&gt;' class="accordion-body collapse"&gt;
                                      &lt;div class="accordion-inner"&gt;
                                      &lt;asp:Literal ID="litEmptyGoals" runat="server" Text="You currently have no goals or actions for this life area." Visible="true" /&gt;
                                      &lt;asp:Repeater ID="rptGoals" runat="server"
                                          OnItemDataBound="setUpGoals" &gt;
                                          &lt;ItemTemplate&gt;
                                              &lt;div class="theGoals clearfix"&gt;      
                                                  &lt;span class="goalid"&gt;&lt;%# Eval("goal_id") %&gt;&lt;/span&gt;          
                                                  &lt;span class="goaltitle"&gt;&lt;asp:Literal ID="theGoal" runat="server" Text='&lt;%# Eval("goal_title") %&gt;' /&gt;&lt;/span&gt;
                                                  &lt;div class="goalicons"&gt;
                                                      &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-plus-sign icon-white goal_iconplus"&gt;&lt;/i&gt;&lt;/a&gt;
                                                      &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-eye-open icon-white goal_iconeye"&gt;&lt;/i&gt;&lt;/a&gt;
                                                  &lt;/div&gt;
                                                  &lt;span class="goalduedate"&gt;&lt;asp:Literal ID="theDuedate" runat="server" Text='&lt;%# "&lt;span&gt;Due:&lt;/span&gt; " + String.Format("{0:dd MMM yy}", Eval("goal_duedate")) %&gt;' Visible="true" /&gt;&lt;/span&gt;
                                              &lt;/div&gt;                                        
                                          &lt;/ItemTemplate&gt;
                                      &lt;/asp:Repeater&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;/div&gt;                    
                          &lt;/ItemTemplate&gt;
                      &lt;/asp:Repeater&gt;
                  &lt;/ContentTemplate&gt;
              &lt;/asp:UpdatePanel&gt;
  </code></pre>
  
  <p>This is populated at Page_Load, but may need to be updated later in the event of a user adding a new item.</p>
  
  <p>When the user clicks on a div in this update panel, it should up date the second update panel on the page.  (FYI The panels are not nested)</p>
  
  <p>PANEL 2: </p>
  
  <pre><code>&lt;asp:UpdatePanel ID="upActionlist" runat="server" UpdateMode="Conditional" OnLoad="getActions" ChildrenAsTriggers="false"&gt;
                  &lt;ContentTemplate&gt;
                      &lt;div class="listheading"&gt;
                          &lt;div class="goaltitle"&gt;
                              &lt;asp:Literal ID="litGoalTitle" runat="server" Text="Nationally Recognised Consultancy" /&gt;
                          &lt;/div&gt;
                          &lt;div class="goalicons"&gt;
                              &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-plus-sign icon-white goaliconplus"&gt;&lt;/i&gt;&lt;/a&gt;
                              &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-eye-open icon-white goaliconeye"&gt;&lt;/i&gt;&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="listinner"&gt;
                          &lt;asp:Literal ID="litEmptyActions" runat="server" Text="You currently have no actions to view." Visible="true" /&gt;
                          &lt;asp:Repeater ID="rptActions" runat="server" 
                              OnItemDataBound="setUpActions"&gt;
                              &lt;ItemTemplate&gt;
                                  &lt;div class="theActions clearfix"&gt;
                                      &lt;div class="actiontitle"&gt;      
                                          &lt;span class="actionid"&gt;&lt;%# Eval("item_id") %&gt;&lt;/span&gt;          
                                          &lt;asp:Literal ID="theAction" runat="server" Text='&lt;%# Eval("item_title") %&gt;' /&gt;
                                      &lt;/div&gt;
                                      &lt;div class="actionicons"&gt;
                                          &lt;!--&lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-th-list icon-white actioniconlist"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-file icon-white actioniconnote"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                          &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-eye-open icon-white actioniconeye"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;a href="#" data-toggle="modal" data-target= "#myModal"&gt;&lt;i class="icon-check icon-white actioniconcomplete"&gt;&lt;/i&gt;&lt;/a&gt;
                                      &lt;/div&gt;
                                      &lt;div class="actiondate"&gt;
                                          &lt;span class="actionduedate"&gt;&lt;asp:Literal ID="theActionduedate" runat="server" Text='&lt;%# "&lt;span&gt;Due:&lt;/span&gt; " + String.Format("{0:dd MMM yy}", Eval("item_duedate")) %&gt;' Visible="true" /&gt;&lt;/span&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;  
                              &lt;/ItemTemplate&gt;
                          &lt;/asp:Repeater&gt;
                      &lt;/div&gt;
                  &lt;/ContentTemplate&gt;
              &lt;/asp:UpdatePanel&gt;
  </code></pre>
  
  <p>The update is called using the following javascipt click event added to the DIV in the first update panel in document.ready:</p>
  
  <pre><code>        $('.theGoals').click(function () {
              //remove from all goal other classes
              $('.theGoals').removeClass('active'); // "this" is the current element in the loop
  
              $(this).addClass('active');
  
              // Load content
              __doPostBack('&lt;%=upActionlist.ClientID %&gt;', $(this).children('.goaltitle').text() + "|" + $(this).children('.goalid').text());
  
          });
  </code></pre>
  
  <p>When this javascript it run, it updates both panels, not just the second panel.  Any help gratefully received, as this is driving me mad.</p>