Equal the size of sidebar and content using jQuery
<p>I've several</p>

<pre><code>&lt;div class="sidebar"&gt;&lt;/div&gt;&lt;div class="content"&gt;&lt;/div&gt;
</code></pre>

<p>The backgrounds of the sidebar and content are different. So, if they are not equal of height, the page behind shows up. I want to equal their heights using jQuery. I've tried it myself, but failed.</p>

<p>Note:
The sidebar and the content is a <em>pair</em>. So,</p>

<pre><code> $('.sidebar').height() &gt; $('.content').height() ? $('.content').height($('.sidebar').height()) : $('.sidebar').height( $('.content').height());
});
</code></pre>

<p>wouldn't work. Here, always the first sidebar is compared with the first content (I hope I'm right).</p>
