Make All Columns of Equal Height With jQuery

I must have needed this function a gazillion times and here it is. Basically you give it a number of objects and it sets them all as tall as the tallest one between them. Simple and effective, and it also takes into consideration any paddings, borders and margins your columns may have.

// make all columns equally high
$.fn.equalHeightColumns = function() {
	var tallest = 0;
	
	$(this).each(function() {
		if ($(this).outerHeight(true) > tallest) {
			tallest = $(this).outerHeight(true);
		}
	});
	
	$(this).each(function() {
		var diff = 0;
		diff = tallest - $(this).outerHeight(true);
		$(this).height($(this).height() + diff);
	});
};

// call it like this:
$(".columns").equalHeightColumns();