title: ReferenceError: $ is not defined - jQuery not working on my computer
body: <p>I'm using foundation to build a basic site, but I'm stuck in a problem that's kind of weird... I don't seem to be able to load jQuery not in chrome nor in firefox (I tried no others).</p>
  
  <p>What hints me that jQuery doesn't load is the error message :</p>
  
  <p>Error: <strong>ReferenceError: $ is not defined</strong></p>
  
  <p>I'm calling the function foundation at the end of the template : </p>
  
  <pre><code>  &lt;script&gt;
      $(document).foundation();
    &lt;/script&gt;
  </code></pre>
  
  <p>but before that, right after the footer (before other .js)  :</p>
  
  <pre><code>  &lt;script&gt;
        document.write('&lt;script src="/js/vendor/'
          + ('__proto__' in {} ? 'zepto' : 'jquery')
          + '.js"&gt;&lt;\/script&gt;');
    &lt;/script&gt;
  </code></pre>
  
  <p>this is to call the jQuery or Zepto. But by fear this function might not be working (I'm no javascript expert...) I pluged :</p>
  
  <pre><code>  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>to the code and other variations... but nothing seems to work.</p>
  
  <p>Furthermore, I also use Bootstrap in other project and I noticed that small details like tooltips and other stuff generally work, but not with the correct design. I'm not sure it's unrelated from jQuery...</p>
  
  <p>I know it's kind of a weird assumption, but is it possible that my computer is not working properly with jQuery?
  I'm led to believe this because pieces of code I write in my computer don't work well here (like the bootstrap tooltips) but work well in my friend's computer.</p>
  
  <p>The complete code that isn't working :</p>
  
  <pre><code>  &lt;!-- End Header and Nav --&gt;
  
    &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  
  &lt;!--
    &lt;script&gt;
        document.write('&lt;script src="/Foundation_custom/js/vendor/'
          + ('__proto__' in {} ? 'zepto' : 'jquery')
          + '.js"&gt;&lt;\/script&gt;');
    &lt;/script&gt;
  --&gt;
  
  &lt;!--  &lt;script src="/Foundation_custom/js/foundation.min.js"&gt;&lt;/script&gt;--&gt;
  
  
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.alerts.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.clearing.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.cookie.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.dropdown.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.forms.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.joyride.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.magellan.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.orbit.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.placeholder.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.reveal.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.section.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.tooltips.js"&gt;&lt;/script&gt;
  
    &lt;script src="/Foundation_custom/js/foundation/foundation.topbar.js"&gt;&lt;/script&gt;
  
  
  
    &lt;script&gt;
      $(document).foundation();
    &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>