Why doesn't submitting a form via the submit method on the form element invoke $.submit handlers?

Why doesn't submitting a form via the submit method on the form element invoke $.submit handlers?

See http://jsfiddle.net/8KNc7/5/ for a working example of what I am talking about (testing in Firefox 15 right now, haven't tried others).

I have a form with a submit input and a button input that both submit the form data to the server, but only the submit input causes the jQuery submit event to run. Why is this?

Form:

<form action='/echo/html/' method='post' id='Form' name='Form'>
   
<input type='hidden' value='posted' id='html' name='html'>
   
<input type='submit' id='submit1' value='submit type'>
   
<input type='button' id='submit2' value='button type' onclick='submitForm();'>
</form>

Javascript (running at the end of the body tag):

var theForm = document.forms['Form'];
if (!theForm) {
    theForm
= document.Form;
}
function submitForm() {
    theForm
.submit();
}

$

(function () {
    $
('form').submit(function () {
        alert
('ok');
   
});
});
Point is, I am expecting both buttons to cause the alert but only one does. I know I can submit change the submitForm function to make it work properly but I am trying to figure out what the difference is in why one of these works and the other does not.

cross posting from stackoverflow: http://stackoverflow.com/questions/12502957/why-doesnt-submitting-a-form-via-the-submit-method-on-the-form-element-invoke