jQuery: Weirdest issue with submitting a form with jquery?

Question

I've been stuck with this issue for almost 3 days!

I have an input button: <input type="button" id="submit" value="Upload"/> Using jQuery 1.6.1, in the document.ready, I'm binding the button to submit the form like this:

$('#submit').click(function() {
     $('form').submit();
});

Using FireBug, the line $('form').submit(); causes an error with jquery! After 3 days of trying to figure out the issue, it seems that naming the input button id="submit" is what's causing the bug! When I changed the id to something else, it worked!

Any technical explanation to this?

possible duplicate of [How to javascript submit in the presence of an input id equal to 'submit'](http://stackoverflow.com/questions/4465028/how-to-javascript-submit-in-the-presence-of-an-input-id-equal-to-submit) — Matt, May 27 '11 at 07:24

score 1 · Answer 1 · edited May 23 '17 at 11:55

1

jQuery form submit() is not working in IE6?

edited May 23 '17 at 11:55

Community

1
1

answered May 27 '11 at 08:00

run

1,170
7
14

I'm testing on Safari, Chromo and FireFox, all of them fail :S – evilReiko May 27 '11 at 10:18

score 0 · Answer 2 · answered May 27 '11 at 07:25

0

This has something to do with the browser. The browser see the input as an submit button when defining an Id with submit. simply use this code will solve the problem:

$('#submit').click(function() {
     $('form').submit();
     return false;
});

answered May 27 '11 at 07:25

Michel

9,220
13
44
59

That won't fix the problem. jQuery's submit methods calls `submit` internally. – Matt May 27 '11 at 07:36

jQuery: Weirdest issue with submitting a form with jquery?

2 Answers2