jQuery: hide form submit button but keep functionality

Question

How can I hide the form submit button but keep its functionality (typing Return/Enter in submits form)?

Using .hide() (or display:none via CSS) removes the submit on return functionality.

Answer 1

Instead of using display: none; , use visibility: hidden;

Answer 2

I'm not sure why it would be necessary, but you can use this type of CSS:

http://jsfiddle.net/isherwood/58Y76

input[type="submit"], button[type="submit"] {
    position: absolute;
    left: -999em;
}

This puts an element offscreen without scrollbars.

Answer 3

I used a <button id="tmp"></button> instead of <input type="submit"></input> .

And then in CSS:

#tmp{
  display:none
}