title: Disable a specific option boostrap-multiselect
body: <hr>
  
  <h2>Question</h2>
  
  <p>I want to disable a single option with JS. I tried using the following code:</p>
  
  <pre><code>var input = $('input[value="' + selectedPriLang + "Sec" + '"]');
          input.prop('disabled', false);
          input.parent('li').addClass('disabled');
  </code></pre>
  
  <p>It kind of works, but the problem is I can still enable the option using the Select all button.
  Also, not sure if relevant, I execute the code in a onChange from a different multiselect.</p>
  
  <pre><code>&lt;select id="sel_secLang" multiple="multiple"&gt;
          &lt;option value="nlSec" disabled="disabled"&gt;Dutch&lt;/option&gt;
          &lt;option value="enSec"&gt;English&lt;/option&gt;
          &lt;option value="deSec"&gt;German&lt;/option&gt;
          &lt;option value="FrSec"&gt;French&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Hope this explanation is clear enough, first question ;D.</p>
  
  <hr>
  
  <h2>Answer</h2>
  
  <p>Although Joe's answer worked I tried it out myself, For disabling:</p>
  
  <pre><code>var input = $('input[value="' + selectedPriLang + "Sec" + '"]');
  input.prop('disabled', true);
  var input2 = input.parent('label').parent('a').parent('li');
  input4.removeClass('active');
  input4.addClass('disabled');
  </code></pre>
  
  <p>For enabling: </p>
  
  <pre><code>var input = $('input[value="' + selectedPriLang + "Sec" + '"]');
  input.prop('disabled', false);
  var input2 = input.parent('label').parent('a').parent('li');
  input2.removeClass('disabled');
  </code></pre>
  
  <p>Just the value of the input
      selectedPriLang = $('#sel_priLang option:selected').val();</p>