title: jQuery validation plug-in is failing element validations even when elements are disabled
body: <p>A sample of the HTML snippet is here:</p>
  
  <pre><code>&lt;select name="paytitle" id="paytitle"&gt;
      &lt;option value="Budget Keeper" selected&gt;Budget Keeper&lt;/option&gt;
      &lt;option value="Bookkeeper"&gt;Bookkeeper&lt;/option&gt;
      &lt;option value="Treasurer"&gt;Treasurer&lt;/option&gt;
      &lt;option value="Accounts Payable"&gt;Accounts Payable&lt;/option&gt;
      &lt;option value="Other"&gt;Other&lt;/option&gt;
  &lt;/select&gt;
  &lt;div id="otherfield"&gt;Other: &lt;input name="paytitleother" type="text" id="paytitleother" class="required" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have a function that disables and hides the paytitleother field based on the select value:</p>
  
  <pre><code>$('#paytitle').change(function() {
      if ($(this).val() == 'Other')
      {
          $("#paytitleother").removeAttr("disabled");
          $("#otherfield").css("display", "block");
      } else {
          $("#paytitleother").attr("disabled", true);
          $("#otherfield").css("display", "none");
      }
  });
  </code></pre>
  
  <p>When I attempt to submit the form, the paytitleother field is still failing validation even though it is disabled and hidden.  Documentation on the validation plug-in states all disabled fields are ignored automatically but I went the extra step to add <code>ignore: ":disabled"</code> to the validation routine:</p>
  
  <pre><code>$('#fieldForm').validate({
      ignore: ':disabled',
      ...
  });
  </code></pre>
  
  <p>Even with this specification, the validation of the field fails. I have been working all day on this project so it's possible I'm overlooking something simple but I can't see it and can't fathom for the life of me what's going on.</p>