Using Jquery Tab with Ajax (Multiple UpdatePanel)

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">

</asp:ScriptManagerProxy>


<div id="tabs">
<ul id="none">
<li><a href="#tabs-1">Asset details</a></li>
<li><a href="#tabs-2">Structure details</a></li>
<li><a href="#tabs-3">Audit Info</a></li>
</ul>

<div id="tabs-1"> tab 1 </div>

<div id="tabs-2">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
  <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click"/>
     <br />
     <br />
  </ContentTemplate>
 </asp:UpdatePanel>
</div>

<div id="tabs-3">
  Some Content for tab 3
  <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
       <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </ContentTemplate>
    <Triggers>
      <asp:AsyncPostBackTrigger ControlID="Button1" />
    </Triggers>
  </asp:UpdatePanel>
</div>
</div>


 <script type="text/javascript">

         $(function () {

             $("#tabs").tabs();

         });

</script>