title: $ is not defined: What does this mean?
body: <p>I get a JS error and I can't figure out how to fix it.</p>
  
  <p>When my page loads up, IE7 notifies me of a run time error. In addition, my Firebug on Firefox warns me of an error:</p>
  
  <pre><code>$ is not defined
  (?)
  [Break on this error] $(document).ready(function() { $("a#sin...Out': 300, 'overlayShow': false }); }); 
  </code></pre>
  
  <p>When I go to the lines in question its this:</p>
  
  <pre><code>&lt;script type="text/javascript" src="/templates/magazeen/js/jquery/jquery.dropdown.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() { $("a#single_image").fancybox(); $("a#inline").fancybox({ 'hideOnContentClick': false }); $("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false }); });
      &lt;/script&gt;
  </code></pre>
  
  <p>Any help please.</p>