What I'm trying to do is check the heights of two columns and apply the greater height to the content wrapper the are in. 

Here;s what I have so far.

2. $(document).ready(function () {
3. var rColumnHeight = $('#right_column').css('height');
4. var lColumnHeight = $('#left_column').css('height');
5.       if (lColumnHeight > rColumnHeight) {
6. $('#body_content').css('height', lColumnHeight)
7.       }else if(rColumnHeight > lColumnHeight ){
8.       $('#body_content').css('height', rColumnHeight)
9. }
10. });

This seems to work, but now I'm having trouble having the left column height be equal to the right column, and vis versa. That way, both heights are equal and the content wrapper's height matches that.

Any help would be appreciated.