title: Selectize.js not working at all
body: <p>For some reason I am not able to get Selectize.js working on my project at all. I have checked all the jQuery links and they seem to be fine, but when I view the page all I get is a simple HTML drop down menu. I can't type directly into the box and there is no option to auto complete or add a new entry as at <a href="http://selectize.github.io/selectize.js/" rel="nofollow noreferrer">http://selectize.github.io/selectize.js/</a> (Single Item Select sub heading)</p>
  
  <p>I have tried to copy the simplest example from the Selectize site but even that doesn't work. I can get a simple 'alert' pop up box to work so I know that jQuery is working. The file address selectize/selectize.min.js is also correct.</p>
  
  <p>I would appreciate any help.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  
      &lt;link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"&gt;
      &lt;link rel="stylesheet" href="selectize/normalize.css"&gt;
      &lt;link rel="stylesheet" href="selectize/styles.css"&gt;
      &lt;link rel="stylesheet" href="selectize/default.css" data-theme="default"&gt;
  
      &lt;!--[if IE 8]&gt;&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.0.8/es5-shim.min.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
      &lt;script type="text/javascript" src="selectize/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" src="selectize/selectize.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="selectize/myjquery.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;section class="demo" id="demo-single-item-select"&gt;
                  &lt;div class="header"&gt;
                      Single Item Select
                  &lt;/div&gt;
                  &lt;div class="sandbox"&gt;
                      &lt;label for="select-beast"&gt;Beast:&lt;/label&gt;
                      &lt;select id="select-beast" class="demo-default" placeholder="Select a person..."&gt;
                          &lt;option value=""&gt;Select a person...&lt;/option&gt;
                          &lt;option value="1"&gt;Chuck Testa&lt;/option&gt;
                          &lt;option value="4"&gt;Sage Cattabriga-Alosa&lt;/option&gt;
                          &lt;option value="3"&gt;Nikola Tesla&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
  
          &lt;div class="description"&gt;
                      The most vanilla of examples.
                  &lt;/div&gt;
  
  &lt;/section&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>myjQuery:</p>
  
  <pre><code>$(document).ready(function() {
  
     //alert('Ahoy hoy');
     $('#select-beast').selectize({
                      create: true,
                      sortField: 'text',
                      searchField: 'item',
                      create: function(input) {
                          return {
                              value: input,
                              text: input
                      }
  }
                  });
  
  
     });
  </code></pre>