jQuery实现左右div自适应相同高度

HTML

<div id="left">
    <div style="padding:10px">
        <p>左侧页面</p>
    </div>
</div>
<div id="right">
    <div style="padding:10px">
        <p>右侧页面</p>
        <p>右侧页面</p>
        <p>右侧页面</p>
        <p>右侧页面</p>
        <p>右侧页面</p>
        <p>右侧页面</p>
    </div>
</div>
					    

JS

function $(id){
	return document.getElementById(id);
}
function autoHeight(){
	if($("left").offsetHeight>=$("right").offsetHeight){
		$("right").style.height=$("left").offsetHeight + "px";
	}else{
		$("left").style.height=$("right").offsetHeight + "px";
	}
}
window.onload = function(){
	autoHeight();
};