让多个 DIV 高度相同

<div>
<ul>
<li class="column">
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
</li>
<li class="column">
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
</li>
<li class="column">
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
</li>
<li class="column">
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
</li>
<li class="column">
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
<p>huhuasdauahsuahu</p>
</li>
</ul>
</div>

<style type="text/css">
.column{
float: left;
width: 15%;
border: 1px solid blue;
}
.column p{
height:100px;
}
</style>

<script type="text/javascript">
var $columns = $('.column');
var height = 0;
$columns.each(function () {
if ($(this).height() > height) {
height = $(this).height();
}
});
$columns.height(height);
</script>