title: Hidden submit button wont submit in chrome when enter is pressed
body: <p>I have a problem with a hidden submit button. I have an input field I use for an Ajax(jQuery) chat, people should enter text and press enter to submit. This works fine in Firefox but not in chrome, I think it treats it as if it's not there.</p>
  
  <p>I'm using the following code:</p>
  
  <pre><code>$('#CommentChatForm').submit(function(event){ 
      ...
  }
  </code></pre>
  
  <p>And I use this to hide the submit button:</p>
  
  <pre><code>$('#CommentChatForm input:submit').hide();
  </code></pre>
  
  <p>Which makes the HTML look like this:</p>
  
  <pre><code>&lt;div class="submit"&gt;
      &lt;input type="submit" value="Submit" style="display: none;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've also tried using keypress() by adding the following on top:</p>
  
  <pre><code>$('#CommentMessage').keypress(function(e){
      if(e.which == 13){
          $('#CommentChatForm').submit();
      }
  })
  </code></pre>
  
  <p>This makes it work fine in Chrome but in Firefox it causes it to submit twice instead of once.</p>