Function for jquery to set divs to the same height, using the max height of those divs.

sameheight.js

//Author: Felix Descoteaux
//Usage: $.sameheight($("#element1"), $(".element2"), ... );

(function($) {
    var sameHeight = function sameHeight() {
        var arrayOfHeights = [],
            arr = Array.prototype.slice.call(arguments),
            max;

        //Clear any height value
        arr.forEach(function(e) {
            e.height("");
        });

        //Push outerHeight in array
        arr.forEach(function(e) {
            arrayOfHeights.push(e.outerHeight());
        });

        //Set max
        max = Math.max.apply(null, arrayOfHeights);

        //Set css
        arr.forEach(function(entry) {
            entry.css({
                position: "relative",
                height: max
            });
        });
    };

    //Set function
    $.sameHeight = sameHeight;

})(jQuery);