title: jQuery validation and accept="image/*"
body: <p>I am working on a form, which has some text fields and following input element:</p>
  
  <pre><code>&lt;input class='ignore' name='photo' id='photo' type='file' accept="image/*"/&gt;   
  </code></pre>
  
  <p>Also, I have scripts: jQuery, jQueryUI, jQuery validation, jQuery unobtrusive and  unobtrusive-ajax. I think it is most common set of jQuery scripts.</p>
  
  <p>But I have met very painful problem. This input always marked as error, after I select image there. This is true for all browser as well.</p>
  
  <p>I tried to add </p>
  
  <pre><code>$("#application-form").validate({
     ignore: ".ignore"
  })
  </code></pre>
  
  <p>But this didn't help.
  So, I really wondered how to handle this issue...</p>
  
  <p>PS. I also tried to use some kind of workaround, by adding this script instead of input element:</p>
  
  <pre><code>$("#photo-container").html("&lt;input class='ignore' name='photo' id='photo' type='file' accept='image/*'/&gt;   ");
  </code></pre>
  
  <p>but got exactly the same behavior</p>