problem with jQuery and MicrosoftAjax

Question

<form action="#" id = "form1">    
     <input type="submit" value="submit" />
</form>
<input type="button" onclick="$('#form1').submit();" value="submit2" />
<script type="text/javascript">
    Sys.UI.DomEvent.addHandler(
        document.getElementById("form1"),
        'submit',
         function() { alert("abc"); return false; }
         );
</script>

When I click submit2, it doesn't alert, why?

And how can I fix this?

Answer 1

This does not trigger a submit of the form:

<input type="button" onclick="$('#form1').submit();" value="submit2" /> 

From the jQuery documentation: 'Note: This does not execute the submit method of the form element! If you need to submit the form via code, you have to use the DOM method, eg. $("form")[0].submit();'

Answer 2

$("form").bind("submit", function(e){
    var formContext = this[Sys.Mvc.FormContext._formValidationTag];
    if(formContext != null) formContext._form_OnSubmit(e);
});