JQuery Problem: $ not defined (I am trying to implement equal div heights script)
<p>I need a solution that will set the heights of two divs whose class = col to the height of the tallest one.</p>

<p>I found a solution here that I have used to implement this: <a href="http://www.cssnewbie.com/example/equal-heights/" rel="nofollow">http://www.cssnewbie.com/example/equal-heights/</a></p>

<p>This is the code that I have placed on my site:</p>

<pre><code>&lt;script language="javascript" type="text/javascript" href="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight &gt; tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}
$(document).ready(function() {
    equalHeight($("div.col"));
});
&lt;/script&gt;
</code></pre>

<p>Unfortunately, this does not solve my problem. When I open the Firefox Error Console, it says me "$ is not defined"</p>

<p>$(".col") should not be the problem right? When I run the command $$(".col") in Firebug Console it returns my two columns just fine.</p>

<p>Please help me with this, as it is driving me crazy! Thank you for your help. </p>
