title: Remove or add disabled to iCheck radio input
body: <p>I have a radio input that uses iCheck jquery library. My radio input is disabled by default. I use jquery to enable the radio input using jquery prop(). Now my problem is when i enable the radio input, I'm not able to view the normal iCheck flat skin, instead I'm getting the disabled check view.</p>
  
  <p>How do I fix this.</p>
  
  <p>My HTML</p>
  
  <pre><code>&lt;div class="radio"&gt;
   &lt;label&gt;
     &lt;input type="radio" name="iCheck" id="iCheck" value="No" class="flat" disabled="disabled"&gt; No
   &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="radio"&gt;
    &lt;label&gt;
      &lt;input type="radio" name="iCheck" id="iCheck" value="Yes" class="flat" disabled&gt; Yes
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/uj4KP.png" rel="nofollow noreferrer">Disable Radio Input</a></p>
  
  <p><a href="https://i.stack.imgur.com/pEqEQ.png" rel="nofollow noreferrer">After enabling the input through jquery</a></p>
  
  <p><a href="https://i.stack.imgur.com/8PGSS.png" rel="nofollow noreferrer">This is what I expect</a></p>
  
  <p>Any help would be greately appreciated</p>
  
  <p>UPDATE : </p>
  
  <p>I have an edit button. On click edit button I can check the radio button.</p>
  
  <pre><code>&lt;div class="rightpane"&gt;
      &lt;button class="edit-btn"&gt;
          Edit
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My jquery</p>
  
  <pre><code>$(document).on('click', '.edit-btn', function() {
          $('#iCheck').prop('disabled', false);
      });
  </code></pre>