Passende Elementhöhen jQuery/HTML

Question

In meinem HTML-Dokument habe ich das folgende Konstrukt:

<div class="content">
<section class="column"></section>
<aside class="column"></aside>
</div>

Und ich möchte die Höhen des Abschnitts und der Seite an die Höhe des höchsten der beiden anpassen. Ich habe das folgende Skript, aber es funktioniert nicht, irgendwelche Ideen:

  function unifyHeights()   
    {    
        var maxHeight = 0;    
        $('div.content').children('.column').each(function(){      
        var height = $(this).outerHeight();      
        if ( height > maxHeight ) { maxHeight = height; }    
    });    
    $('.column').css('height', maxHeight);  
  }