title: Resize div height with jquery
body: <p>I'm trying to resize div heights dynamically based on browzersize, and based on this script (found     <a href="http://demo.smartnetzone.com/same-height-columns-using-jquery/" rel="nofollow">here</a> ):</p>
  
  <pre><code>$(document).ready(function() {
      setHeight('.col');
  });
  
  var maxHeight = 0;
  function setHeight(column) {
      //Get all the element with class = col
      column = $(column);
      //Loop all the column
      column.each(function() {       
          //Store the highest value
          if($(this).height() &gt; maxHeight) {
              maxHeight = $(this).height();;
          }
      });
      //Set the height
      column.height(maxHeight);
  }
  </code></pre>
  
  <p>script works great, I just need it to also run when a browser window is resized for responsive purposes.</p>
  
  <p>It would make sense to do something like this:</p>
  
  <pre><code>$(window).resize(function() {
  setHeight('.col');
  });
  </code></pre>
  
  <p>and then also reset the "maxHeight" somehow...</p>
  
  <p>No bueno - any ideas?</p>