title: Uncaught TypeError: $(...).stellar is not a function
body: <p>I am trying to implement the stellar plugin and far as I can see, I have included all the necessary js. However, in the dev tools console I keep getting the 'Uncaught TypeError: $(...).stellar is not a function'. </p>
  
  <p>This is what I have in the head tags: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UFT-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;title&gt;QE | Welcome&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/foundation.css" /&gt;
  &lt;link rel="stylesheet" href="css/stuff.css"/&gt;
  
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
   &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"&gt;&lt;/script&gt;
   &lt;script src="js/jquery.stellar.js"&gt;&lt;/script&gt;
   &lt;script src="js/scrip.js"&gt;&lt;/script&gt;
   &lt;script src="js/jquery.nicescroll.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this is is the scrip.js file that the error is referring to:</p>
  
  <pre><code>$(document).ready(function() {
       $(window).stellar();
  
  });
  
  $(document).ready(
  
       function() { 
  
       $("html").niceScroll({
           cursorcolor:"rgba(30,30,30,.5)",
           zindex:999,
           scrollspeed:100,
           mousescrollstep:50,
           cursorborder:"0px solid #fff",
       });
  
  });
  </code></pre>
  
  <p>Please help me </p>