jQUery equal columns change by row
<p>I use this jQuery function to make the <code>&lt;li&gt;</code> have equal heights.</p>

<pre><code>function equalHeight(group) {
 var tallest = 0;
 group.each(function(index) {
  var thisHeight = $(this).height();
  if(thisHeight &gt; tallest) {
   tallest = thisHeight;
  }
 });
 group.height(tallest);
}
</code></pre>

<p>My problem is that they take the height of the tallest one.</p>

<p>My <code>&lt;li&gt;</code>s are displayed in rows of 3 (3rowsx3columns). So if one row has <code>&lt;li&gt;</code>s with small height they get the tallest element height and it's a waste of space.</p>

<p>Is there a way to make the script check for the tallest <code>&lt;li&gt;</code> in every row?</p>

<p>Thank you in advance.</p>
