title: Why doesn't disable attribute work on Bootstrap-select?
body: <p>I want to style my website forms, inputs and selects. I used <a href="http://getbootstrap.com/" rel="nofollow">Bootstrap</a> for the inputs and <a href="http://silviomoreto.github.io/bootstrap-select/" rel="nofollow"><strong>Bootstrap-select</strong></a> for selects and <a href="http://damirfoy.com/iCheck/" rel="nofollow"><strong>iCheck</strong></a> for checkboxes. The problem is that iCheck does not work correctly with Bootstrap-select.</p>
  
  <p>Here is jsFiddle test: <a href="http://jsfiddle.net/36Xpf/" rel="nofollow">http://jsfiddle.net/36Xpf/</a></p>
  
  <p>Now, try to check the iCheck checkbox, the select of bootstrap-select will not be disabled. Then check the standard square checkbox, the select of bootstrap will be disabled.</p>
  
  <p>I get the attribute disalbled to select if a checkbox is checked usign jQuery <code>.change()</code>:</p>
  
  <pre><code>$('#checkbox1').change(function(){
    if (this.checked) {
      $('.selectpicker').attr('disabled', false);
    } else {
      $('.selectpicker').attr('disabled', true);
    }                   
  });
  </code></pre>
  
  <p>What did I do wrong? Why the disabled attribute doesn't work on bootstrap select?<br>
  Any help is appreciated! Thank you!</p>