title: jQuery click event not triggered on button inside form
body: <p>I have a button inside a form like this:</p>
  
  <pre><code>&lt;form&gt;
     &lt;input type="text" /&gt;
     &lt;input type="password" /&gt;
     &lt;button type="button" class="btn-login"&gt;Log in&lt;/button&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>I am trying to trigger the button's click event by doing this in the js:</p>
  
  <pre><code>$(document).ready(function () {
       $('.btn-login').live("click", function () {
            alert("Button clicked!");
        });
  });
  </code></pre>
  
  <p>But for some reason, this is not working. </p>
  
  <p>If I remove the <code>&lt;form&gt;&lt;/form&gt;</code> that is around the textboxes and button, the click event is triggered, but this also means that my page is not showing properly, so I wonder if there is a way to trigger the button's click event when inside the form.</p>