I’m glad you found this solution helpful! Two things:

1. Yes, that was a typo.

2. In my original implementation, the two functions were not identical due to a mistake on my part in the implementation for IE (that worked about 50% of the time). When I went back and corrected the problem, I didn’t look to see if the two were identical (which, minus the typo, they were indeed).

I notice that in your code you are form a ‘form:submit’ event for DOM compliant browsers and a ‘fake:submit’ event for IE. I believe this is a typo?

In in the process of incorporating this to my project, I made a couple of additional tweaks. (1) I added the ability to stop the event in one of the handlers; the browser submit fires either way in the above code. (2) The inline function you use to attach to each form is (if my above typo assumption is correct) identical to fakeSubmit, so I just use a reference to that function which is a bit more DRY.

Here is the revised code:

function fakeSubmit(event) {
var target = event ? event.target : this;
/* Fire a submit event */
var fakeEvent = $(target).fire(“form:submit”);
if (fakeEvent.stopped == false) {
/* Call the real submit function */
this._submit();
}
}

if(window.HTMLElement){
/* DOM-compliant Browsers */
HTMLFormElement.prototype._submit = HTMLFormElement.prototype.submit;
HTMLFormElement.prototype.submit = fakeSubmit;
} else {
/* IE does not expose it’s HTMLElement object or its children
Let the document load so all forms are accounted for */
document.observe(“dom:loaded”, function(){
for(var i = 0; i < document.forms.length; i ){
document.forms[i]._submit = document.forms[i].submit;
document.forms[i].submit = fakeSubmit;
}
});
}