title: Jquery Validate Incompatible with Placeholder Polyfill? [IE9 Bug]
body: <p>I'm currently using the <a href="http://github.com/mathiasbynens/jquery-placeholder" rel="nofollow">Placeholder Polyfill by Mathias Bynens</a> in combination with the <a href="http://jqueryvalidation.org/" rel="nofollow">jquery.validate plugin (v1.11.1)</a> and am running into a frustrating error with <strong>Internet Explorer 9</strong>.</p>
  
  <p>I cannot get <em>required field</em> validation to work on my <code>type="password"</code> fields if they have a non-empty <code>placeholder</code> attribute defined. Once a value is input and the placeholder text disappears, the remaining validation works fine.</p>
  
  <p><a href="http://lysobey.com/placeholderValidatePassword" rel="nofollow">Live Demo of this code can be found here</a></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('input').placeholder(); // init placeholder plugin
  signupFormValidator = $('form').validate(); // init validation
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form&gt;
    &lt;input class="required" type="text" name="test" id="test" placeholder="test"&gt;&lt;br&gt;
    &lt;input class="required" type="password" name="password" id="password" placeholder="password"&gt;&lt;br&gt;
    &lt;input class="required" type="password" name="confirm"  id="confirm"  placeholder="confirm"&gt;&lt;br&gt;
    &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>