title: How do I get the JQuery to work with the iCheck Plugin
body: <p>I've been trying to apply iCheck plugins to my radio and check boxes and I just cannot figure out why my radio buttons keep selecting more than a single option, with no experience in JQuery, I think I might need help with this. I used minimal blue skin so I downloaded the blue.css with the blue.png sprite image, jquery-1.11.3.min.js and icheck.js.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;script type="text/javascript" src="jquery-1.11.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="check.js"&gt;&lt;/script&gt;
  
  
  &lt;link rel="stylesheet" href="blue.css"&gt;
  
  &lt;script&gt;
   $(document).ready(function() {
      $('input').iCheck({
          checkboxClass: 'icheckbox_minimal-blue',
          radioClass: 'iradio_minimal-blue',
          increaseArea: '20%'//optional                                
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;label&gt;
  &lt;div class="icheckbox_minimal-blue disabled"&gt;
      &lt;input type="checkbox" name="quux[1]" disabled&gt;
      &lt;/div&gt;
      Foo
      &lt;/label&gt;
  
  &lt;label for="baz[1]"&gt;Bar&lt;/label&gt;
  &lt;div class="iradio_minimal-blue checked"&gt;
    &lt;input type="radio" name="quux[2]" id="baz[1]" checked&gt;
  &lt;/div&gt;
  
  &lt;label for="baz[2]"&gt;Bar&lt;/label&gt;
     &lt;div class="iradio_minimal-blue"&gt;
     &lt;input type="radio" name="quux[2]" id="baz[2]"&gt;
  &lt;/div&gt;&lt;/br&gt;
  
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>