JS, Суперглобальные переменные, jQuery и доступ к переменным

Активист

Активист
Команда форума
JS, Суперглобальные переменные, jQuery и доступ к переменным

В начале загружается страница, в ней есть div с ID overlay.
В момент загрузки, он содержит определенный контент, который заменяется, и в случае ошибки или отмены, его нужно обратно положить в этот див, положить та его получается, а вот события с него уничтожаются, как сохранить в переменную контент в виде объекта со всеми собитиями?

Код:
$(document).ready(function() {
	document.defaultOverlayContent = $("#overlay").html();
	//alert(defaultOverlayContent);
	//
	// Click on registration link
	//
	$("#js_registration").click(function() {
		$.ajax({
			url: "/ru/clients/registration.html?ajax",
			beforeSend: function() {
				$("#overlay").html("<img src=\"/images/wait.gif\" align=\"absmiddle\">");
			},
			error: function() {
				alert("Извините, произошла непредвиденная ошибка, пожалуйста перейдите на главную страницу сайта и повсторите попытку вновь");
				$("#overlay").html("Произошла ошибка, пожалуйста, перезагрузить страницу или вернитесь на главную...");
				closeOverlay();
			},
			success: function(r) {
				$('#overlay').animate({
									height: 650,
									width: 650,
									left: $(window).width()/2 - 650/2,
									top: $(window).height()/2 - 650/2
  								}, 1000, function() {
  									$("#overlay").html(r);
  								});
			}
		});
		return false;
	});
});
	
function loadOverlay() {
	var api = $("#overlay").overlay({api: true, mask: '#e4e2df', top: 'center', onBeforeClose: function() {$("#overlay").html(document.defaultOverlayContent);}});
	api.load();
	return false;
}

function closeOverlay() {
	var api = $("#overlay").overlay({api: true, mask: '#e4e2df', top: 'center'});
	api.close();
	$("#overlay").html(document.defaultOverlayContent);
}
 
Сверху