jquery - ルール、メッセージメソッドを使用してjquery検証を機能させることはできません

Question

form2 が検証に失敗する理由がわかりませんが、form1 は検証に合格します (jQuery 検証プラグインを使用)。以下のコードを使用して、form1を検証に失敗させるにはどうすればよいですか?

HTML

<form id="form1" method="get" action="">
    <input type="text" id="viewName1">
     <h3></h3>
</form>

<form id="form2" method="get" action="">
    <input type="text" id="viewName2" required>
     <h3></h3>
</form>

ジャバスクリプト

$('#form1').validate({
    rules: {
        viewName: 'required'
    },
    messages: {
        viewName: '* view name is required'
    },
    submitHandler: function () {
        $('#form1 h3').text('Form1 valid');
    },
    invalidHandler: function (event, validator) {
        $('#form1 h3').text('Form1 invalid');
    }
});
$('#form1').submit();

$('#form2').validate({
    submitHandler: function () {
        $('#form1 h3').text('Form1 valid');
    },
    invalidHandler: function (event, validator) {
        $('#form1 h3').text('Form1 invalid');
    }
});
$('#form2').submit();

フィドル http://jsfiddle.net/jeljeljel/5xFhA/4/