Delegate / On Function

iDelegate.js

// Without Event Delegation
$('button').click(function() {
	console.log('click this button')
});
$('body').click(function() {
	$(this).append('<button>hello im new button</button>')
	$('button').click(function(event) {
		console.log('click this button')
	});
});
 
 
// With Event Delegation
$('body').on('click', 'button', function() {
	console.log('click this button')
});
$('body').click(function() {
	$(this).append('<button>hello im new button</button>')
});