Ajax loaded content for jQuery UI Dialog

ajax-dialog.js

/**
 * Example HTML markup: <a class="ajax-dialog" href="/path/to/ajax/page" rel="#dialog">Click to open</a>
 */
$(function() {
	$('a.ajax-dialog').click(function(evt) {
		evt.preventDefault();
		
		var link = $(evt.target);
		var contentUrl = link.attr('href');
		var targetDialog = $(link.attr('rel'));
		
		if(targetDialog.size() < 1) {
			targetDialog = $('<div />').attr('id', link.attr('rel').substr(1)).css('display', 'none');
			$('body').append(targetDialog);
			targetDialog.load(contentUrl, function() {
				// dialog configuration can change as needed
                                targetDialog.dialog({
					modal : true,
					width : 700,
					height: 600
				});
			});
		} else {
			targetDialog.dialog('open');
		}
	});
});