title: Jquery Validate with Nice Select plugin
body: <p>I'm using <a href="http://hernansartorio.com/jquery-nice-select/" rel="nofollow">Nice select</a> which replaces the current <code>&lt;select&gt;</code> dropdown with a <code>&lt;ul&gt;</code> list which can be customized with the CSS.
  I try to use the jQuery Validate plugin but I can't make it work with <code>&lt;ul&gt;</code> list. It work well if I deactivate 'Nice select plugin' and I keep the current <code>&lt;select&gt;</code> dropdown.</p>
  
  <p>Concretely  the form now looks like : </p>
  
  <pre><code>&lt;form id="MyForm"&gt;
   &lt;div class="nice-select"&gt;
     &lt;ul class="list"&gt;
       &lt;li class="option selected" data-value=""&gt;&lt;/li&gt;
       &lt;li class="option selected" data-value="51"&gt;&lt;/li&gt;
       &lt;li class="option selected" data-value="52"&gt;&lt;/li&gt;
       &lt;li class="option selected" data-value="53"&gt;&lt;/li&gt;
     &lt;/ul&gt;
   &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and the jQuery</p>
  
  <pre><code>$('#MyForm').validate({ 
          rules: {
              list: {
                  selectcheck: true
              }
          }
      });
  
      jQuery.validator.addMethod('selectcheck', function (value) {
          return (value != '');
      }, "field required");
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/xws6bbw8/8/" rel="nofollow"><strong>FIDDLE</strong></a></p>
  
  <p>(If you delete the line which call nice select to the bottom of the javascript textarea it'll work)</p>
  
  <p>How can I implement the jQuery validate to work as well with nice select ?</p>
  
  <p>Any help would be appreciated</p>
  
  <p>Thanks</p>