InvalidHandler On Next Button With JQuery Validation Plugin

I am setting up a form with jQuery validation plugin and my form will have a few steps so I am validating the form on each step and on the click of the NEXT button. The problem is

Solution 1:

Use .valid() to manually check the status of a form:

$('#next').click(function() {
    var element = $('form');
    if (!element.valid()) {
        return false;
    }
});

More information on valid()