Tallest height matching next element
<p>I usually use this to match elements heights:</p>

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

    $(function() {
        equalHeight($('.column'));
    });
</code></pre>

<p>However, in my case I need to match elements to their nearest sibling not by class, with the following example</p>

<pre><code>    &lt;div class="post"&gt;
        &lt;div class="leftCol"&gt;
            &lt;h2&gt;This is a post headline&lt;/h2&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volut&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="rightCol"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;/li&gt;
            &lt;/ul&gt;           
        &lt;/div&gt;
    &lt;/div&gt;&lt;!--/post--&gt;
</code></pre>

<p>There will be multiple (over 15) instances per page of this structure. I don't want to match the height of ".leftCol" to the height of ".rightCol" across the board - that is I don't want every ".leftCol" to match every ".rightCol" on the page, just within each ".post" group - match ".leftCol" height to its immediate sibling of the ".rightCol" class... any ideas?</p>
