jQuery解决高度统一问题

<div class="itemdl over">
    <dl class="fl">
        <dt><img src="data:images/img6.jpg" height="auto" width="100%" alt=""></dt>
        <dd class="title">免费定制方案</dd>
        <dd>根据您的个人气质，五官比例，东方人的审美观。为您免费设计美眼方案。</dd>
    </dl>
    <dl class="fr">
        <dt><img src="data:images/img7.jpg" height="auto" width="100%" alt=""></dt>
        <dd class="title">术前全身检查</dd>
        <dd>美莱术前360&deg;全身检查，确保无任何影响手术的其他因素。</dd>
    </dl>
    <dl class="fl">
        <dt><img src="data:images/img8.jpg" height="auto" width="100%" alt=""></dt>
        <dd class="title">先进治疗方案</dd>
        <dd>微小创口，手术创口精细到0.01mm，精工雕琢，恢复好，形态自然。</dd>
    </dl>
    <dl class="fr">
        <dt><img src="data:images/img9.jpg" height="auto" width="100%" alt=""></dt>
        <dd class="title">术后恢复自然</dd>
        <dd>术后定制恢复自然医嘱方案，早一天恢复，早一日享受美丽。</dd>
    </dl>
</div>

jQuery代码：

var height = 0;
$('.itemdl dl').each(function() {
    if($(this).height() > height){height = $(this).height();}
}).height(height);