Question

I have written a function on submit of a form like this:

$("#form").submit(function(){
    // do something
});

And form is submitted like this:

document.formName.submit();

It doesn’t trigger my function. If I wrap form in jQuery and then submit it, it works fine:

$(document.formName).submit();

I was thinking binding events to jQuery DOM object will trigger the events on raw DOM object as well, but it doesn’t happen in this case.

Example:

http://jsfiddle.net/aZasZ/1/

Answer 1

document.formName.submit();

does not trigger the event as it is the actual DOM Element and does not fire off any events,

while

$(document.formName).submit();

is a trigger function for firing of events within JQuery.

i would suggest you use the

$('form').submit(); 

to submit the form or

$('form').triggerHandler('submit') 

in the case of you wanting to fire only that function handler.