title: Why doesn't this custom submit work?
body: <p>I have this button which submits the login form:</p>
  
  <pre><code>&lt;input class="btn btn-large btn-success" id="login-button" onclick="handleLogin()" name="submit" type="submit" value="Login"/&gt;
  </code></pre>
  
  <p>And I have this function which I want to use to have a custom submit when the user presses enter:</p>
  
  <pre><code>$(document).ready(function () {
  
       $(document).keyup(function(event) { 
  
          if(event.which == 13) {
  
              $('#login-button').click();
              //event.preventDefault();
              //return false;
          }
      });
  });
  </code></pre>
  
  <p>However this doesn't do anything at all. I have tried with and without the commented part of the code. 
  Note that the submission of the form works when clicking and that I don't have my input fields inside <code>form</code> element. I am using handleLogin() to submit using AJAX. <strong>So all I really want is this <code>#login-button</code> to get clicked!</strong> Do you guys see the problem? Thanks in advance.</p>
  
  <p><strong>UPDATE:</strong> I'm using Chrome BETA channel.</p>
  
  <p><strong>IMPORTANT!: I want #login-button to get clicked when pressing ENTER. Nothing more that that. I already know how to submit a form.</strong></p>