title: accept=“image/*” and jQuery validation
body: <p>When I use form of html5 with template handlebar js I want to upload only photo. But when I use <code>accept = "image/*"</code> has error with jquery validation. When I upload the message always say that "Please enter a value with a valid extension."</p>
  
  <p>This code of handlebar js</p>
  
  <pre><code>&lt;script id="field_collection-template" type="text/x-handlebars-template"&gt;
       {{#each field_collectionList}}
       &lt;div data-role="fieldcontain"&gt;
         &lt;label for='name'&gt;{{{name}}}&lt;sup&gt;{{code}}&lt;/sup&gt;&lt;/label&gt;
         &lt;input type="{{kind}}" id="{{idfield}}" name="{{name}}" class="required {{kind}}" accept="image/*"&gt;  
       &lt;/div&gt;
       {{/each}}
  &lt;/script&gt;
  </code></pre>