title: Matching element heights jQuery/HTML
body: <p>I have the following construct in my HTML document:</p>
  
  <pre><code>&lt;div class="content"&gt;
  &lt;section class="column"&gt;&lt;/section&gt;
  &lt;aside class="column"&gt;&lt;/aside&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I want to match the heights of the section and aside to the height of the tallest of the two. I have the following script, but it's not working, any ideas: </p>
  
  <pre><code>  function unifyHeights()   
      {    
          var maxHeight = 0;    
          $('div.content').children('.column').each(function(){      
          var height = $(this).outerHeight();      
          if ( height &gt; maxHeight ) { maxHeight = height; }    
      });    
      $('.column').css('height', maxHeight);  
    }
  </code></pre>