Hello i have a problem how to make height of all divs always same height (with class .height-fix) depending on content. Simply if i add more content to one div the rest of them adjust their height.

<http://codepen.io/anon/pen/wGLmdb>

```
var maxHeight = 0;
  $(".height-fix").each(function(index){
    if($(this).height() > maxHeight) {
        maxHeight = $("this").height();
    }
  });

  $(".height-fix").height(maxHeight);
  console.log(maxHeight);

    <div class="container">
          <div class="row">

            <div class="col-xs-3">
              <div class="jumbotron height-fix">
                <p>lorem lorem lorem lorem lorem lorem</p>
              </div>
            </div>

            <div class="col-xs-3">
             <div class="jumbotron height-fix">
                <p>lorem</p>
                <p>lorem lorem lorem lorem lorem lorem</p>
              </div>
            </div>

            <div class="col-xs-3">
              <div class="jumbotron height-fix">
                <p>lorem</p>
              </div>
            </div>

            <div class="col-xs-3">
              <div class="jumbotron height-fix">
                <p>lorem</p>
                <p>lorem lorem lorem lorem lorem lorem</p>
                <p>lorem lorem lorem lorem lorem lorem</p>
              </div>
            </div>

          </div>

        </div>

```