title: How to make a specific option unselectable programmatically with Selectize.js?
body: <p>I have a select with several options and I try to make some of the options unselectable programmatically. For instance, my code is :</p>
  
  <pre><code>&lt;select&gt;
    &lt;option value="1"&gt;Value 1&lt;/option&gt;
    &lt;option value="2"&gt;Value 2&lt;/option&gt;
    &lt;option value="3"&gt;Value 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;script&gt;
    $('select').selectize();
  &lt;/script&gt;
  </code></pre>
  
  <p>My question is: how can I make to get option "2" disabled (i.e. not displaying and not selectable) programmatically? -- I tried this code...</p>
  
  <pre><code>$('select')[0].selectize.$dropdown_content.find('[data-value="2"]').removeAttr('data-selectable');
  </code></pre>
  
  <p>... but it does not work (when I inspect the DOM I see that option "2" has no 'data-selectable' attribute, but it still renders and is selectable...).</p>
  
  <p>Am I wrong here? And if so: what is the proper way to make an option unselectable (I can't find it anywhere in the doc)?</p>
  
  <p>(I created a jsFiddle here: <a href="http://jsfiddle.net/j8YUA/3/" rel="noreferrer">http://jsfiddle.net/j8YUA/3/</a>)</p>