title: Uncaught ReferenceError: jQuery is not defined
body: <p>I am getting this error only in chrome for superfish drop down menu. It works fine in Firefox, and IE. It does not work in Chrome. The menu instead of being horizontal list itself Vertical. <strong>domain name of clients actual site has been changed below for confidentiality</strong></p>
  
  <pre><code>&lt;script type="text/javascript" src="http://www.domainname.com/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.domainname.com/js/superfish.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.domainname.com/js/hoverIntent.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      // initialise plugins
  jQuery(function(){
       jQuery('ul.sf-menu').superfish();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have even changed it to the following and does not work:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
           $(document).ready(function(){
              $('ul.sf-menu').superfish();
           })
      &lt;/script&gt;
  </code></pre>
  
  <p>I looked at the view source and it is referencing two header files. This could be causing the error. I am using magento. The menu is working on all pages of the site except the one page checkout. </p>
  
  <p><strong>Fixed! read below will post as answer when it lets me in 7 hrs</strong></p>
  
  <p>The issue was not with the javascript itself, but with the css for the superfish menu.
  The developer who designed the layout and coded the template listed the stylesheet for the superfish menu as: </p>
  
  <pre><code>    &lt;link rel="stylesheet" type="text/css" href="http://www.domainname.com/css/superfish.css" media="screen"&gt;
  </code></pre>
  
  <p>After removing the "http://www.domainname.com" and leaving it as "/css/superfish.css" it fixed the menu.</p>