title: WebStorm Linking to a .js file in HTML
body: <p>HTML and CSS are working fine, but I cannot get Webstorm to link and use my .js file. </p>
  
  <p>I have live edit working. In the debugger console it reads: </p>
  
  <pre><code>Uncaught ReferenceError: $ is not defined script.js:3 script.js:3
  </code></pre>
  
  <p>I am guessing the "3" is referencing the three $ in the .js file.</p>
  
  <p>In Webstorm settings, I have jQuery-2.0.0 enabled globally. I've tried jquery-1.7.1 and I still have the same problem.</p>
  
  <p>There are three files involved. I am including them all to give as a complete picture as possible. They are all in the same project file. Here is my code -</p>
  
  <p>webpage.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;For Testing&lt;/title&gt;
          &lt;link type="text/css" rel="stylesheet" href="stylesheet.css"&gt;
          &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div&gt;
              &lt;p&gt;
                  Random text
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>stylesheet.css:</p>
  
  <pre><code>div {
      height: 18px;
      width: 100px;
      background-color: orange;
  }
  </code></pre>
  
  <p>script.js</p>
  
  <pre><code>$(document).ready(function(){
     $("div").onmouseover(function(){
        $("div").css("background-color", "green")
     });
  });
  </code></pre>
  
  <p>I am guessing there is a simple newbie solution, but I am new to programming and Webstorm is a bit overwhelming. I did check the site for solutions but was unable to find an answer that worked.</p>