title: Having trouble getting a script to run again when resizing the window
body: <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>