Javascript / Jquery Equal Height Script to cycle through each container, then size the targeted elements inside that container. This works well when you will have the multiple named containers (or rows) of content and don't want all of the content to be the size as the above row. This keeps the rows with matching elements the same. .

equalHeightByRow.js

equalheightByRow = function(container, target, checkChildren) {
    $(container).each(function() {
        var targets = $(this).find(target),
            count = 0,
            minHeight = 0,
            maxHeight = 0;

        targets.each(function() {
            count++;
            var elem = $(this);
            if(checkChildren == true) {
                var childrenHeight = getMinimumHeightForContent(elem);
                minHeight = childrenHeight < minHeight ? minHeight : childrenHeight;
            } else {
                var currentHeight = elem.outerHeight();
                maxHeight = maxHeight < currentHeight ? currentHeight : maxHeight;
            }
            var newHeight = minHeight < maxHeight ? maxHeight : minHeight;
            if(count == targets.length) {
                targets.css('height', newHeight+'px');
                debugger;
            }

        });

    });
}
function getMinimumHeightForContent(content) {
    console.log('new minimum')
    var minHeight = 0;
    content.children().each(function() {
        var elem = $(this);
        console.log(elem)
        console.log(elem.outerHeight(true))
        var currentHeight = elem.outerHeight(true);
        minHeight = minHeight + currentHeight;
    });
    console.log(minHeight);
    return minHeight;
}