title: Selectize.js and jQuery validation
body: <p>I'm trying to validate a form that uses the <a href="http://brianreavis.github.io/selectize.js/" rel="nofollow noreferrer"><strong>Selectize.js</strong></a> to select and <a href="https://jqueryvalidation.org/" rel="nofollow noreferrer">jQuery Validation</a> plugin for validation.</p>
  <p>I can not make it work. The script validates the input fields, but not the select:</p>
  <pre><code>&lt;form id=&quot;test&quot; method=&quot;post&quot; action=&quot;#&quot;&gt;
  Name: &lt;input name=&quot;name&quot; type=&quot;text&quot;&gt;
  
  &lt;select name=&quot;person&quot; id=&quot;select-beast&quot; class=&quot;demo-default&quot; placeholder=&quot;Select&quot;&gt;
      &lt;option value=&quot;&quot;&gt;Select...&lt;/option&gt;
      &lt;option value=&quot;1&quot;&gt;First&lt;/option&gt;
      &lt;option value=&quot;2&quot;&gt;Second&lt;/option&gt;n&gt;
  &lt;/select&gt;
  
      &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary col-md-12 col-lg-12&quot;&gt;Go&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  <p>JS:</p>
  <pre><code>$('#select-beast').selectize({
      create: true,
      sortField: 'text'
  });
      
  
  // validate signup form on keyup and submit
  $(&quot;#test&quot;).validate({
      errorElement: 'label',
      errorClass: 'error',
      rules: {
          name: {
              required: true
          },
          person: {
              required: true
          }
      },
      messages: {
          name: &quot;Insert name.&quot;,
          person: &quot;Insert person.&quot;,
      }
  });
  </code></pre>
  <p><strong><a href="http://jsfiddle.net/8nVqS/" rel="nofollow noreferrer">http://jsfiddle.net/8nVqS/</a></strong></p>