title: enable dropdown on checkbox checked not working... Dropdown is not getting enabled
body: <p>I am trying to enable dropdown when the checkbox is checked. But when I do so... It didn't working. Pls help me out here. 
  HTML : </p>
  
  <pre><code>              &lt;label class="checkbox-inline"&gt;
                  &lt;input type="checkbox" value="" id="onstage"&gt;On Stage
                &lt;/label&gt;
  
  
                        &lt;div class="col-md-9"&gt;
                         &lt;select name="occupation" id="occupation" multiple="multiple" disabled="disabled"&gt;
                          &lt;option value="Actor"&gt;Actor&lt;/option&gt;
                          &lt;option value="Supervisor"&gt;Supervisor&lt;/option&gt;
                          &lt;option value="Extra"&gt;Extra&lt;/option&gt;
                      &lt;/select&gt;
  </code></pre>
  
  <p>JQuery :</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
   $(function(){
  
              $("#onstage").click(function(){
  
                  if($(this).is(":checked")){
                      $("#occupation").removeAttr("disabled");
                      $("#occupation").focus();
                  } else {
                      $("#occupation").attr("disabled", "disabled");
                  }
              });
          });
      &lt;/script&gt;
  </code></pre>