Having trouble getting a script to run again when resizing the window
<p>I don't know what I'm doing well enough to be able to figure out why the height isn't being recalculated when resizing the window. Also, I would like the calculation to run seperately for each of the three schools.</p>

<p>Any help would be appreciated: <a href="http://jsfiddle.net/joshnh/kmwmf/" rel="nofollow">http://jsfiddle.net/joshnh/kmwmf/</a></p>

<pre><code>$(window).resize( function() {

    var $school = $('.content ul'),
        $campus = $('.content ul p'),
        campusHeight = 0;

    $school.each( function() {
        $campus.each( function() {
            if($(this).height() &gt; campusHeight) {
                campusHeight = $(this).height();
            }
        });
    });

    $campus.height(campusHeight);        
    console.log(campusHeight);

}).trigger('resize');
</code></pre>
