オブジェクトの高さをそろえる

jQuery JavaScript 
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
	var biggestHeight = 0;
        //要素の個数分処理を繰り返す
	$('.equalheight').each(function(){
		if ($(this).height() > biggestHeight) {
			biggestHeight = $(this).height();
		}
	});
	$('.equalheight').height(biggestHeight);
});
//]]>
</script>
<style type="text/css">
#container{
	width:760px;
	text-align:left;
	margin:0 auto;
}
#container p {
	padding:20px;
}
#leftColumn {
	float:left;
	width:200px;
	background:#e6eae3;
}
#centerColumn {
	float:left;
	width:300px;
	background:#d3cbc6;
}
#rightColumn {
	float:right;
	width:260px;
	background:#b3ada0;
}
</style>
</head>
<body>
<div id="container">
	<div id="leftColumn" class="equalheight">
		<p>
		abc
		</p>
	</div>
	<div id="centerColumn" class="equalheight">
		<p>
		def</br></br></br></br>
		ghi
		</p>
	</div>
	<div id="rightColumn" class="equalheight">
		<p>
		</br>jk
		</p>
	</div>
</div>
</body>
</html>