title: ASP.NET Button click event not firing in bootstrap modal
body: <p>I'm using Bootstrap in my website. In that a registration modal pops up when a signup button is clicked. It has some fields and a register button and a close button.
  Their code is</p>
  
  <pre><code>&lt;div id="myModalRegister" runat="server" class="modal hide fade" tabindex="-1"
   role="dialog" aria-labelledby="myModalLabel"
      aria-hidden="true"&gt;
      &lt;div class="modal-header"&gt;
       &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
              ×&lt;/button&gt;
          &lt;h3 id="H1"&gt;
              Register&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
  
      &lt;i class="icon-user"&gt;&lt;/i&gt;Email ID&lt;/label&gt;
          &lt;input type="text" class="span3" id="txtRegEmail" runat="server" /&gt;
          &lt;br /&gt;
      &lt;/div&gt;
  
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn btn-danger" data-dismiss="modal" aria-hidden="true"&gt;
              Close&lt;/button&gt;
          &lt;asp:Button ID="btRegister" runat="server" CssClass="btn btn-primary" 
              Text="Register" onclick="btRegister_Click" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Sign up Button is </p>
  
  <pre><code>&lt;li class="one"&gt;&lt;a href="#myModalRegister" role="button" data-toggle="modal" &gt;
         &lt;i class="icon-user icon-white"&gt;&lt;/i&gt; Sign Up&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>When I click on the btRegister button the Click event is not firing. Can you help me??</p>
  
  <p>After some Research I found out that the Modal Window is rendered outside the <code>Form</code> Tag. and that is why the Event is not firing. How can I resolve this ???</p>