title: jQuery custom validator method getting called whenever element changes
body: <p>I have a select which is the target of a custom validator method.</p>
  
  <p>validator:</p>
  
  <pre><code>    var validator = $("#myform").validate({
          rules : {
              source: "source_selected",
          },
          messages : {
          },
          errorLabelContainer: $("#error_container ul"), 
          errorContainer: $("#error_container"), 
          wrapper : "li"      
       });
  </code></pre>
  
  <p>custom validator method:</p>
  
  <pre><code>    $.validator.addMethod("source_selected", function(value, element) {
          var source_id = $(element).selectedValues();
          if(source_id == 0) {
               return false;
          }
  
          return true;
      }, "Please a select a source to Copy subscriptions from.");
  </code></pre>
  
  <p>select:</p>
  
  <pre><code>&lt;select name="source" id="source"&gt;
      &lt;option value="0"&gt;-- Choose --&lt;/option&gt;
      &lt;? foreach($managers as $id =&gt; $name) { ?&gt;
      &lt;option value="&lt;?=$id?&gt;"&gt;&lt;?=$name?&gt;&lt;/option&gt;
      &lt;? } ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Everytime I change the option in the select the source_selected function gets called. If I put an alert in there it gets triggered everytime I click out of the select box (similar to .blur). I want it to only be called when the submit button gets called.</p>
  
  <p>submit click event:</p>
  
  <pre><code>    $("#submit_button").click(function() { 
          var valid = validator.form();
          if (valid) {
              document.myform.submit();
          }
      });
  </code></pre>
  
  <p>Any thoughts are greatly appreciated.</p>