title: JQuery Validate Uncaught TypeError: Cannot read property 'settings' of undefined
body: <p>I am using JQuery Validate on a JQuery Mobile form that has a listview with an Auto Complete option that is created dynamically.</p>
  
  <p>I get this error if you try and type into the auto complete field, once validation is active.</p>
  
  <p>I can see that the problem is related to the form that jQuery Mobile creates to hold the filter input but I can not figure out how to stop jQuery Validate from validating the field.</p>
  
  <p>I can reproduce it using 
  <a href="http://jsfiddle.net/finbarmurphy/9xy4v044/">JS Fiddle</a></p>
  
  <p>(Press Validate and then type in the filter box)</p>
  
  <p>Any suggestions appreciated</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;body&gt;
  &lt;script&gt;
      jQuery.validator.setDefaults({
          ignore: '[data-type="search"]'
  
      });
  &lt;/script&gt;
  &lt;form&gt;
      &lt;input required&gt;
      &lt;ul id="ac" data-inset="true" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search cars..."&gt;
          &lt;li&gt;&lt;a href="#"&gt;Acura&lt;/a&gt;
  
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Audi&lt;/a&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;button onclick="$('#ac').attr('data-role','listview');$('#ac').listview();$('form').validate();"&gt;Validate&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p></p>