title: Jquery not loading properly
body: <p>I have this code: <a href="https://jsfiddle.net/g412rft4/1/" rel="nofollow">https://jsfiddle.net/g412rft4/1/</a> which as you can see works perfectly.</p>
  
  <p>However I am trying to replicate it on my desktop with a test.html file and a Common.js file as well and it doesn't works. It seems like Jquery is never loaded and I don't get why.</p>
  
  <p>This is the code for the .js file:</p>
  
  <pre><code>$( "#SaeReplacerBuilder" ).click(function() {
    alert("ok");
  });
  </code></pre>
  
  <p>And this is the code for the .html file:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;Whatever&lt;/title&gt;
  &lt;script src="//code.jquery.com/jquery-2.1.4.js"&gt;&lt;/script&gt;
  &lt;script src="Common.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="SaeReplacerBuilder" style="background-color:#A0A0AA;border-radius:15px;padding-right:7px;padding-left:7px;border:2px solid #FF0000;color:#000000;"&gt;'''CLICK Here'''&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>