marsen/.On vs .Live in JQuery

## .On vs .Live in JQuery
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(function(){
	$('#wrapper').on('click','#onlink',function(event){
		alert('on link was clicked');
	});
	$("#livelink").live('click',function(){
		alert('live link was clicked');
	});
	$("#btn").click(function(){
		$("#wrapper").html("<a href='#' id='livelink' >live click</a><br /><a href='#' id='onlink' >on click</a><br /><a href='#' >other click</a><br />");
	});
});
</script>
</head>
<body>
	On vs Live in JQuery,Attach an event, now and in the future.<br />
	<input id="btn" type="button" value="text" />
	<div id="wrapper">
	</div>
</body>
<html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script>
	$(function(){
	$('#wrapper').on('click','#onlink',function(event){
	alert('on link was clicked');
	});
	$("#livelink").live('click',function(){
	alert('live link was clicked');
	});
	$("#btn").click(function(){
	$("#wrapper").html("<a href='#' id='livelink' >live click</a><br /><a href='#' id='onlink' >on click</a><br /><a href='#' >other click</a><br />");
	});
	});
	</script>
	</head>
	<body>
	On vs Live in JQuery,Attach an event, now and in the future.<br />
	<input id="btn" type="button" value="text" />
	<div id="wrapper">
	</div>
	</body>
	<html>