title: While changing the JS script folder, getting the error "Uncaught SyntaxError: Unexpected token <" and "MIME type text/html"
body: <p>I'm using <code>dialogFx</code> script with a customized JS named <code>classie.js</code>. I've put both <code>dialogFx</code> script and the <code>classie.js</code> inside a folder and it works perfect. Everything is fine, until I move <code>classie.js</code> to another folder.</p>
  <p>Path to files looks like:</p>
  <blockquote>
  <p>sitepath/JS/dialog/dialogFx.js</p>
  <p>sitepath/JS/dialog/classie.js</p>
  </blockquote>
  <p>The problem occurs when I move the classie.js to:</p>
  <blockquote>
  <p>sitepath/JS/classie.js</p>
  </blockquote>
  <p><strong>or even :</strong></p>
  <blockquote>
  <p>sitepath/JS/<strong>somefolder</strong>/classie.js</p>
  </blockquote>
  <p>The error in chrome console is :</p>
  <pre><code>classie.js:1 Uncaught SyntaxError: Unexpected token &lt;
  (index):56 Resource interpreted as Script but transferred with MIME type text/html: &quot;sitepath/JS/classie.js&quot;.
  </code></pre>
  <p>When I checked the line which it refers to (<code>classie.js:1</code>), it's the first line of HTML where <code>&lt;!DOCTYPE html&gt;</code> starts.</p>
  <p>This is how I include scripts in my header of page:</p>
  <pre><code>&lt;head&gt;
      &lt;script src=&quot;JS/dialog/classie.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; 
      &lt;script src=&quot;JS/dialog/dialogFx.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>