title: Jquery .valid() method causes form to display highlighted fields on load
body: <p>I wrote a script that should only run on submit if the form is valid. Basically the user fills out a form from a tab and then if the form is valid, the script runs and unhides the next tab and automatically navigates the user to it. Here is the script: </p>
  
  <pre><code>var $tabs = $('#tabs').tabs();
      if ($('#quoteform').valid() == true) {
                      $('#submitbutton').click(function () {                
                          unhidetab();
                          $tabs.tabs('select', 2);
                          return false;               
                      });
                  }
  </code></pre>
  
  <p>The script functions as needed, but there's a problem. On page load, it automatically highlights the fields as invalid. Is there a way to write this so that it still functions but doesn't automatically highlight required fields as invalid on page load? Thanks.</p>