dynamic height using the highest li element

This script scale all li elements by using the height of highest li element.

by scurrilus

HTML

<script src="https://scurrilus.de/scurrilus-jsfiddle/scurrilus-copyright.js"></script>
<link rel="stylesheet" href="https://scurrilus.de/scurrilus-jsfiddle/scurrilus-copyright.css">
<!--powered by SCURRILUS-->
<div id="scurrilusCopy"></div>
<script>scurrilusCopy();</script>
<!--end powered by SCURRILUS-->

<div class="code">
    <div class="line">
        <ul>
            <li class="unit">
                <div class="inner">
                   o dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
                </div>
            </li>
            <li class="unit">
                <div class="inner">
                Lorem ipsum dolor sitdolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit     amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
			    </div>
		    </li>
		    <li class="unit">
			<div class="inner">
						Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirStet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
            </div>
            </li>
            <li class="unit">
                <div class="inner">
						Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam...

CSS

.line {
				width: 900px;
				display: inline-block;
			}

			.line ul {
				list-style-type: none;
				display: inline-block;
				float: left;
				height: auto;
				margin: 0;
				padding: 0;
				height: 100%;
			}
			
			.line .inner {
				padding: 20px;
			}
			
			.line ul > .unit {
				width: 220px;
				float: left;
				background: #ccc;
				text-align: center;
				margin-right: 5px;
				height: 100%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}

			.line ul > .unit:last-child {
				margin: 0;
			}

JavaScript

$(document).ready(function() {
    var maxHeight = 0;

    $(".line li").each(function() {
        if ($(this).height() > maxHeight) {
            maxHeight = $(this).height();
                console.log(maxHeight);
        }
    });

    $(".line").height(maxHeight);
});