(function ($) {
	$.fn.equalHeights = function() {
		var max_height = 0;
		var currentHeight = 0;

		this.each(function() {
			currentHeight = $(this).height();
			if(currentHeight > max_height) {
				max_height = currentHeight;
			}
		});
		this.each(function() {
			$(this).height(max_height);
		});
	};
})(jQuery);

Usage

It’s pretty simple, all you have to do is give the plugin a list of elements like so:

$(document).ready(function() {
    $("#div-one, #div-two, #div-three").equalHeights();
});

jQuery Makes Writing JavaScript Easier

With jQuery, we can create our XMLHttpRequest in just under 10 lines of code:

$.ajax({
    var rand = Math.round(Math.random() * 999999);
    type: "POST",
    url: "ajax-page.php",
    data: "name=Eric&location=Ohio&rand=" + rand,
    success: function(msg) {
        alert(msg);
    }
});

Stupid Internet Explorer

If you’re using the GET method when submitting via AJAX, Internet Explorer may try to cache your request. We have solved this issue by adding a random number to the end of our query string as referenced in the example above.