title: How do I submit forms with the Enter key without a submit button
body: <p>I have jQuery go though all the submit buttons with the class <em>button</em>, and turn them each into an anchor element with the class button.</p>
  
  <pre><code>$("input.button").each(function(i) {
  
      var anchorButton = $("&lt;a class='"+this.className+"' href='#'&gt;"+this.value+"&lt;/a&gt;")
  
  
  
      anchorButton.click(function(eventObject) {
  
          $(this).blur().prev("input.hidden").click();
  
          return false;
  
      });
  
  
  
      $(this)
  
          .after(anchorButton)
  
          .addClass("hidden")
  
          .removeClass("button pill-left pill-center pill-right");
  
  });
  </code></pre>
  
  <p>I can then style the anchor element with CSS, cross-browser-ly. There's only one problem. Whenever I press the Enter key on form input elements, the form doesn't submit. However, if I un-hide the submit button, it works again. In conclusion, I can't get the Enter/Return key to submit the form unless I have a submit button visible (display != none).</p>
  
  <p>How can I get the form to submit when I press Enter when I have the submit button hidden?</p>