Form validation without submission
<p>I am using .NET MVC 3, with DataAnnotations for client side field validation. Everything works fine on form submission, however, the form is long, and we're using 'Next' buttons to show and hide divs for sections prior to posting.</p>

<p>I'd like to validate the form and then change divs without form submission. I have tried different variations of the following, but the form is always being submitted.</p>

<pre><code>$('#btnNext').click(function (e) {
    if ($('form').valid()) {
        $('#div1').hide();
        $('#div2').show();
        return false;   
    }
    //return false;
});
</code></pre>

<p>Any help is greatly appreciated. Thanks</p>
