title: Linking script.js and html5
body: <p>So Ive been going through some of the codeacademy stuff on HTML/CSS and Jquery. </p>
  
  <p>Having a bit of trouble trying to get my code to work outside on my local machine.</p>
  
  <p>Here is my HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Krypton Redux&lt;/title&gt;
          &lt;link rel='stylesheet' type='text/css' href='stylesheet.css'/&gt;
          &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;    &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;div&gt;&lt;/div&gt;
          &lt;div style = "margin:10"&gt;&lt;/div&gt;
          &lt;div&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>here is my jQuery</p>
  
  <pre><code>$(document).ready(function(){
      $('div').draggable();
  });
  </code></pre>
  
  <p>When I write the jQuery code directly in my HTML file then open it in Chrome, it works.
  However when doing it in a .js file I get an error saying that '$' is not recognized. Anyone have any idea why?</p>