title: jQuery - Enable Disable (Toggle) Selectbox onClick Button
body: <p>How can I Toggle a Selectbox between Enable and Disable onClick button...</p>
  
  <p>Scenario:
  If I click on <code>#locked</code> div, this div should toggle with another class "<code>icon-unclocked</code>" and selectbox should be enabled. If I click on "<code>#locked</code>" again, selectbox should be disabled and "<code>icon-unclocked</code>" has to be removed.</p>
  
  <p>First part (toggleClass) is working great.. but having problem in enable / disable selectbox...</p>
  
  <blockquote>
    <p><strong><a href="http://jsfiddle.net/thhxcmso/" rel="nofollow">FIDDLE</a></strong></p>
  </blockquote>
  
  <p>Please check the code below...</p>
  
  <blockquote>
    <p><strong>HTML:</strong></p>
  </blockquote>
  
  <pre><code>&lt;div class="icon-locked" id="locked"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;select class="form-control" id="signontype" disabled&gt;
    &lt;option&gt;Option 01&lt;/option&gt;
    &lt;option&gt;Option 02&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <blockquote>
    <p><strong>jQuery:</strong></p>
  </blockquote>
  
  <pre><code>$(document).ready(function(){
      $( "#locked" ).click(function() {
        $( this ).toggleClass( "icon-unlocked" );
        $('select#signontype').prop('disabled', false);
      });
  });
  </code></pre>