title: selectize - Uncaught TypeError: $(...).selectize is not a function
body: <p>I'm trying to use standalone selectize library in my webapplication. But getting this error </p>
  
  <pre><code>Uncaught TypeError: $(...).selectize is not a function
  </code></pre>
  
  <p>Here is my code:
  In header</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../js/selectize.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="../css/selectize.default.css" &gt;
  </code></pre>
  
  <p>In the html file</p>
  
  <pre><code>&lt;label for="input-tags3"&gt;Skills&lt;/label&gt;
  &lt;input id="input-tags3" name="skills" type="text" th:field="*{skills}" class="demo-default selectized text-input" value="science,biology,chemistry" tabindex="-1" style="display: none;"&gt;
  &lt;div class="selectize-control demo-default multi plugin-remove_button"&gt;
      &lt;div class="selectize-input items not-full has-options has-items"&gt;
      &lt;div class="item" data-value="science"&gt;science&lt;a href="javascript:void(0)" class="remove" tabindex="-1" title="Remove"&gt;×&lt;/a&gt;&lt;/div&gt;
      &lt;div class="item" data-value="biology"&gt;biology&lt;a href="javascript:void(0)" class="remove" tabindex="-1" title="Remove"&gt;×&lt;/a&gt;&lt;/div&gt;
      &lt;div class="item" data-value="chemistry"&gt;chemistry&lt;a href="javascript:void(0)" class="remove" tabindex="-1" title="Remove"&gt;×&lt;/a&gt;&lt;/div&gt;
      &lt;input type="text" autocomplete="off" tabindex="" id="input-tags3-selectized" style="width: 4px; opacity: 1; position: relative; left: 0px;"&gt;
  &lt;/div&gt;
      &lt;div class="selectize-dropdown multi demo-default plugin-remove_button" style="display: none; width: 520px; top: 36px; left: 0px; visibility: visible;"&gt;
      &lt;div class="selectize-dropdown-content"&gt;
      &lt;div class="option" data-selectable="" data-value="physics"&gt;physics&lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In the js file</p>
  
  <pre><code>$('#input-tags3').selectize({
      plugins: ['remove_button'],
      delimiter: ',',
      persist: false,
      create: function(input) {
          return {
              value: input,
              text: input
          }
      }
  });
  </code></pre>
  
  <p>What's missing?</p>