$ is not defined: What does this mean?
<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>
