title: WebStorm There is no locally stored library
body: <p>I'have been working on a project which totally works on jsfiddle.net . However, when i try to run this project in webStorm, i get two errors. </p>
  
  <p>first : <img src="https://i.stack.imgur.com/A8Wgw.jpg" alt="document is not defined"></p>
  
  <p>second : <img src="https://i.stack.imgur.com/rKCtC.jpg" alt="no locally stored librarry"></p>
  
  <p>Before, i post my question here, i searched on stackoverflow but couldn't find any solutions. I already did : </p>
  
  <p>libraries:   <img src="https://i.stack.imgur.com/3POuu.jpg" alt="libraries that i loaded"></p>
  
  <p>and my html codes : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Super Mario!&lt;/title&gt;
      &lt;link rel='stylesheet' type='text/css' href='myMario.css'/&gt;
  
      &lt;script type='text/javascript' src='//code.jquery.com/jquery-1.11.2.min.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/mario.jpg"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>why did u get these errors although i loaded libraries and succesfully defined source script in my html ? what should i do ? </p>