title: jQuery masked input plugin conflicts with validation plugin
body: <p>Given a text box that is masked using the <a href="http://digitalbush.com/projects/masked-input-plugin/" rel="nofollow">Masked Input</a> plugin, and is marked as a required field by the Validation Plugin, consider the following:</p>
  
  <p>If you put your focus in a text box that is masked, then leave it without entering any information (or don't input enough information to satisfy the mask), the masked input plugin will delete everything, leaving you with an empty text box.</p>
  
  <pre><code>$("#phoneNumber").mask("(999) 999-9999? x999999");
  $("#sampleForm").validate({
      rules: {
          phoneNumber: "required"
      }
  });
  </code></pre>
  
  <p>The validation plugin seems to be firing its <em>blur</em> event <strong>before</strong> the masked input plugin. This results in the text box passing validation (as it does have text in it), then the masked input plugin kicks in and removes the text. The field should be marked as invalid as soon as it has lost focus.</p>
  
  <p>I've tried using a regular expression validator. It gets close, but again, because it triggers before the masked input plugin has cleaned up the field it shows an error when it should not (though the error goes away when the user tries to submit the form).</p>
  
  <p>I've also tried this:</p>
  
  <pre><code>$('input').bind('unmasked.maskedInput', function () { $(this).valid(); });
  </code></pre>
  
  <p>This works, but it also interferes with the validator's initial behavior: fields are not validated until the submit button is pressed, then they are validated when they lose focus.</p>
  
  <p>I've setup a <a href="http://jsfiddle.net/Pk2pk/2/" rel="nofollow">jsFiddle</a> that depicts the issues I'm running into.</p>