title: selectize.js dynamically adding options to select
body: <p>I am trying to use selectize.js library. On document.ready i make a ajax call and get the options to add into select list.</p>
  
  <p>Here is the html for select tag</p>
  
  <pre><code>&lt;select id="select-country-field" name="country-field-list[]" multiple   class="demo-default" style="width:50%" placeholder="Select a state..."&gt;
     &lt;option value=""&gt;Select ...&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and here is how I add options on $(document).ready </p>
  
  <pre><code>var $select = $(document.getElementById('select-country-field')).selectize(options);
  var selectize = $select[0].selectize;
  selectize.addOption({value:1,text:'foo'});
  selectize.addItem(1);
  selectize.refreshOptions();
  </code></pre>
  
  <p>I looked at the following question asked but that did not get it to work
  <a href="https://stackoverflow.com/questions/20310664/selectize-js-manually-add-some-items">Selectize.js manually add some items</a></p>
  
  <p>Any help?</p>