set max height

by SriSri M

HTML

<div class="container">
  <ul class="column">
    <li>One</li>
    <li>One</li>
    <li>One</li>
    <li>One</li>
    <li>One</li>
  </ul>
</div>
<div class="container">
  <ul class="column">
    <li>One</li>
    <li>One</li>
    <li>One</li>
  </ul>
</div>

CSS

.container {border: 1px solid #333;}

JavaScript

$(document).ready(function(){

    $('.container').each(function(){          
        var highestCol = Math.max($('.column').height());
				$('.column').height(highestCol);
    });    

});