Set every item (or their child) to the same height easily (needs jquery)

setHeight.js

;(function($){
        $.fn.setHeight = function(affectChildren){
                if (typeof affectChildren === "undefined" || affectChildren===null) affectChildren = false;
                var height = [];
                this.each(function(){
        
                    if(affectChildren){
                        height = [];
                        $(this).children().each(function(){
                            height.push($(this).outerHeight());
                        });
                       $(this).children().css("min-height",Math.max.apply(null,height));
        
                    }else{
                        height.push($(this).outerHeight());
                    }
                });
                if(!affectChildren){
                    this.css("min-height",Math.max.apply(null,height));
                }
            };
        //    USAGE - Use both if you have webfonts, otherwise, just use $(TARGET).setHeight();
        //    $(window).load(function(){
        //        $(".auto-height").setHeight(true);
        //    });
        //    
        //    $(".auto-height").setHeight(true);
})(jQuery);