title: Remove disabled attribute from a form field when toggle a button
body: <p>I am trying to remove the disabled attribute when I toggle a button (to on) and viceversa.</p>
  
  <p>At this time I have only created a click event to remove the disabled attr.</p>
  
  <p>The HTML is :
  Input:</p>
  
  <pre><code> &lt;input id="wb_owner_field" type="text" disabled value="" placeholder="" class="form-control"&gt;
  </code></pre>
  
  <p>And the on/off toggle when is off it has the class : <code>switch-off</code> and when its on it has class <code>switch-on</code></p>
  
  <pre><code>&lt;div id="wb_owner_toggle" class="switch-off switch-animate" style=""&gt;
    &lt;input type="checkbox" data-toggle="switch"&gt;
    &lt;span class="switch-left"&gt;&lt;/span&gt;&lt;label&gt;&amp;nbsp;&lt;/label&gt;
    &lt;span class="switch-right"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Code used until now.</p>
  
  <pre><code>$("#wb_owner_toggle").click(function(){
        $('#wb_owner_field').prop("disabled", false);
  });
  </code></pre>
  
  <p>Basically I need to fir-up when the toggle div class is changed and to remove or add the disabled attr on the field based on the class.</p>