Using multiple UpdatePanels without interference - asp.net

Currently, I have two update panels on a page with different trigger events. There are two buttons on the page, which correspond to both update panels. When I use one button, the other stops working. Is there any way around this?

Example: (This is all in one aspx page)

 <div class="grid5">
     <asp:UpdatePanel ID="up1" runat="server" updatemode="Conditional">
        <ContentTemplate>
            <asp:Panel ID="pnl1" runat="server" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger controlid="btn1" eventname="Click" />
        </Triggers>
     </asp:UpdatePanel>
 </div>
 <div class="grid1">
     <asp:Button id="btn1" Text="Button One" runat="server"/>
 </div>
 <div class="grid5">
     <asp:UpdatePanel ID="up2" runat="server" updatemode="Conditional">
         <ContentTemplate>
            <asp:Panel ID="pnl2" runat="server" />
         </ContentTemplate>
         <Triggers>
             <asp:AsyncPostBackTrigger controlid="btn2" eventname="Click" />
         </Triggers>
     </asp:UpdatePanel>
 </div>
 <div class="grid1">
     <asp:Button id="btn2" Text="Button Two" runat="server"/>
 </div>