Bootstrap Equal Height columns

equalHeight.js

function eqHeight(className) {
    var elements = $(className);
    // loop through each element with said className
    elements.each(function(i){
        var targetHeight = 0;
        $el = $(this);
        // loop through immediate children
        $el.children().each(function(i){
            $child = $(this);
            console.log($child);
            if ($child.outerHeight() > targetHeight) { 
                targetHeight = $child.outerHeight();
                console.log("here is the winner " + targetHeight);
            }
        });
        // set equal height to largest height
        $el.children().css({'min-height': targetHeight});
    });
}

$(window).load(function() {
    eqHeight('.eql');
}); 

$(window).resize(function(){
   eqHeight('.eql');
});

index.html

<div class="container">
    <div class="row eql">
        <div class="col-md-3">
            <h3>Individuals</h3>
            <p>Lorem ipsum...</p>
        </div>
        <div class="col-md-3">
            <h3>Lawmakers</h3>
            <p>Lorem ipsum...</p>
        </div>
        <div class="col-md-3">
            <h3>Stakeholders</h3>
            <p>Lorem ipsum...</p>
        </div>
        <div class="col-md-3">
            <h3>Media</h3>            
            <p>Lorem ipsum...</p>
        </div>
    </div>
</div>