title: How to link external javascript file in Adobe Brackets IDE?
body: <p>The code works in Codecademy but doesn't seem to work in <a href="http://brackets.io/" rel="nofollow">Adobe Brackets</a> IDE. Greatly appreciate any help on this issue! </p>
  
  <p><strong>HTML File</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Testing&lt;/title&gt;
          &lt;link type="text/css" rel="stylesheet" href="stylesheet.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div&gt;&lt;/div&gt;
          &lt;script src="script.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS File</strong></p>
  
  <pre><code>div{
      height: 100px;
      width: 100px;
      background-color: aqua;
  }
  </code></pre>
  
  <p><strong>Javascript File</strong></p>
  
  <pre><code>var main = function(){
      $('div').click(function(){
          $('div').hide();
      });
  };
  
  $(document).ready(main);
  </code></pre>