Modal opens but do not close, i failed debug

JavaScript
1

chapter_07/18_simple_modal_dialog/index.html
in book
jQ ninja 2e

modal opens but do not close(removed), i failed debug:


$(document).ready(function(){
	$('#eulaOpen').click(function() {
		openDialog('#eula');
	});

	$('#eula').find('.ok, .cancel')
	.on('click', function() {
		closeDialog(this);
	})
	.end()
		.find('.ok')
		.on('click', function(){
			// Clicked Agree!
			console.log('clicked agree!');
			//closeDialog(this);
		})
	.end()
		.find('.cancel')
		.on('click', function() {
			// Clicked disagree!
			console.log('clicked disagree!');
			//closeDialog(this);
		});
});

function openDialog(selector) {
	$(selector)
		.clone()
		.appendTo('#overlay')
		.show()
		.parent()
		.fadeIn('fast');
}
	
function closeDialog(selector) {
	$(selector)
	.parents('#overlay')
	.fadeOut('fast', function() {
		$(this)
			.find('.dialog')
			.remove();
	});
}
2

Try this:

$(document).ready(function(){
	$('#eulaOpen').click(function() {
		openDialog('#eula');
	});

	$('#container').on('click', '.ok, .cancel', function() {
		closeDialog(this);
		console.log("You clicked: " + $(this).text());
	})
});

function openDialog(selector) {
	$(selector)
		.clone()
		.appendTo('#overlay')
		.show()
		.parent()
		.fadeIn('fast');
}
	
function closeDialog(selector) {
	$(selector)
	.parents('#overlay')
	.fadeOut('fast', function() {
		$(this)
			.find('.dialog')
			.remove();
	});
}
3

worked thks!