title: An ASP.NET button click event is not firing
body: <p>I have a button within a div which is hidden by default as it is used as a modal popup by jQuery UI.</p>
  
  <p>The click event handler for this button never gets called, yet if I copy the button code outside of this hidden div then it works correctly. How do I get around this problem?</p>
  
  <p>This is the code I have so far:</p>
  
  <pre><code>&lt;div id="dialog" title="Notify Users"&gt;
      &lt;div style="width:100%; height:500px; overflow:auto;"&gt;
         &lt;asp:Repeater runat="server"  ID="rptNotify"&gt;
            &lt;HeaderTemplate&gt;
               &lt;table&gt;
            &lt;/HeaderTemplate&gt;
            &lt;ItemTemplate&gt;
               &lt;tr&gt;
                  &lt;td&gt;
                     &lt;asp:CheckBox ID="chkUser" runat="server" Checked='&lt;%# Eval("Checked") %&gt;' /&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                     &lt;asp:Label ID="lblUser" runat="server" Text='&lt;%# Eval("FullName") %&gt;'/&gt;
                  &lt;/td&gt;
               &lt;/tr&gt;
            &lt;/ItemTemplate&gt;
            &lt;FooterTemplate&gt;
               &lt;/table&gt;
            &lt;/FooterTemplate&gt;
         &lt;/asp:Repeater&gt;
      &lt;/div&gt;
      &lt;asp:Button ID="btnSaveNotifications" runat="server" Text="Save" OnClick="btnSaveNotifications_Click" /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>The code to show /hide this div is:</p>
  
  <pre><code>&lt;script&gt;
       // Increase the default animation speed to exaggerate the effect
       $.fx.speeds._default = 1000;
  
       $(function () {
          $("#dialog").dialog({
             autoOpen: false,
             show: "blind",
             hide: "explode"
          });
  
          $("#opener").click(function () {
             $("#dialog").dialog("open");
             return false;
          });
       });
  &lt;/script&gt;
  </code></pre>