проверка JQuery

Question

Я использую JQuery проверки, как следует

var validator=$("#myform")
    .validate({
        rules: {
                   field1: { required: true },
                   field2: { required: true },
                   field3: { required: true },
                   field4: { required: true }

            }
});

field1, field2 в tab0 и field3, field4 в tab1

Если я щелкну на вкладке 1 без заполнения поля 1, поля 2 и заполнения поля 3, поля 4, проверка будет истинной.

Полагаю, в этом случае field1, field2 скрыты из-за вкладок.

Вот моя форма

<form  id="myform"  enctype="multipart/form-data" method="post" action="myaction.php" >
    <div id="tabs">
        <ul>
            <li><a href="#tab-1">tab1</a></li>
            <li><a href="#tab-2">tab2</a></li>
        </ul>

    <div id="tab-1">  
        <input type="text" name="field1" id="field1" />     
        <input type="text" name="field2" id="field2" />     
    </div>

    <div id="tab-2">  
        <input type="text" name="field3" id="field3" />     
        <input type="text" name="field4" id="field4" />     
    </div>
    </div>

    <button type="submit" name="save">
                <img src="/admin/graphics/icons/disk.gif" alt=""/>Save
    </button>
    </form>

Как я могу решить эту проблему. Любое предложение приветствуется