Make all the elements the same height (using the biggest value)

equalElements.js

/*
*	Dependencies: jQuery 1.x / 2.x / 3.x
*
*	Make all the elements the height of the biggest one
*	elementsSelector is the general selector used to get all the elements
*	that you want to equalise. e.g '#foo li'
*
*	Use the extra argument to add extra pixels to the final height
*
*
*/
function equalElements(elementsSelector, extra) {

	if(typeof(extra) == 'undefined') {
		extra = 0; 
	}

	// Get an array of all element heights
	var elementHeights = jQuery(elementsSelector).map(function() {
		return jQuery(this).height();
	}).get();

	// Math.max takes a variable number of arguments
	// `apply` is equivalent to passing each height as an argument
	// Set each height to the max height
	jQuery(elementsSelector).height(Math.max.apply(null, elementHeights) + extra);
}