title: jQuery TypeError: $ is undefined
body: <p>I'm trying to use the iCheck plugin and I'm new to JQuery and javaScript.  I'm getting an error in the browser that says</p>
  
  <blockquote>
    <p>TypeError: $ is undefined</p>
  </blockquote>
  
  <p>I looked around and found this <a href="https://stackoverflow.com/questions/21660326/typeerror-is-undefined-in-jquery">link</a>, but I tried adding (jQuery) as it suggests, but it didn't change the error message.  </p>
  
  <p>The symptom on the web page that I see is that the web page doesn't have hover working or black inside the checkbox, like the <a href="http://fronteed.com/iCheck/" rel="nofollow noreferrer">example</a> for polaris skin shows.  </p>
  
  <p>Any ideas?  See the " c-style comment - //" below to know the exact line that the TypeError is pointing to.</p>
  
  <p>Here is an excerpt from my code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;jQuery Michele Project&lt;/title&gt;
          &lt;link href="css/skins/polaris/polaris.css" rel="stylesheet"&gt;
          &lt;link href="css/skins/all.css" rel="stylesheet"&gt;
          &lt;link href="css/demo/css/custom.css" rel="stylesheet"&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;script src="js/icheck.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery-1.11.0.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.ui.core.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.ui.widget.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.ui.accordion.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
                  $("#infolist").accordion({
                     autoHeight: false
                  });
         });
  
          &lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $('.input').iCheck({
  
                      checkboxClass:'icheckbox_polaris', //this is the line that the error message points to
                      radioClass:'iradio_polaris',
                      increaseArea:'-10%'
                  });
              })(jQuery);
          &lt;/script&gt;
          &lt;style type="text/css"&gt;
              ul {list-style-type: none}
              img {padding-right: 20px; float:left}
  
              #infolist {width:500px}
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  </code></pre>