How to solve ReferenceError: event is not defined in Firefox when using jquery.validate?

Question

JavaScript

Forms are created dynamically. Handlers are assigned to them by the desFormAction($from) function. jquery.validate is used to validate input.
In chrome everything works without problems. Firefox throws an error ReferenceError: event is not defined.

function desFormAction($myfrom){
    $myform.validate({
        rules: validationRm['rules'],
        messages: validationRm['messages'],
        submitHandler: function() {
            event.preventDefault();
            //...
            $.ajax({
                //...
            })
        }
    });
}

I found this solution:
stackoverflow.com/questions/4585970/jquery-event-p...
I tried to do this by analogy:

function desFormAction($myfrom){
    $myfrom.children('input[type=submit]').click(function(event){
        event.preventDefault();
        $myfrom.validate({
            rules: validationRm['rules'],
            messages: validationRm['messages'],
            submitHandler: function() {
                //...
                $.ajax({
                    //...
                })
            }
        });
    })
}

That doesn't work at all. (events go to validate, and there you can figure out what the hell is happening)

Answer 1

The problem was solved unexpectedly for me. When using jquery.validate, you don't need to explicitly specify event.preventDefault(). The plugin has already done this for you.

Answer 2

function desFormAction($myfrom){
    $myfrom.submit(function(event){
        event.preventDefault();
        $myfrom.validate({
            rules: validationRm['rules'],
            messages: validationRm['messages'],
            submitHandler: function() {
                //...
                $.ajax({
                    //...
                })
            }
        });
    })
}