jQuery: Reload Part of Page without Refresh and also events will work

gistfile1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$(document).on("click", "a.next_button", function(){ 
		var id = parseInt($(this).attr('id').split('_')[2],10);
		var id_to_show = id+1;
		$('div.data_div_'+id).hide();
		$('div.data_div_'+id_to_show).show();

	});  

	$(document).on("click", "a.prev_button", function(){ 
		var id = parseInt($(this).attr('id').split('_')[2],10);
		var id_to_show = id-1;	
		$('div.data_div_'+id).hide();
		$('div.data_div_'+id_to_show).show();	
	});  

	//reload cricket data 
    setInterval(function(){
    	$('div#match_wrapper').load(location.href + ' #match_wrapper');		
    }, 60000);

});
</script>

dont use it will blow your browser,use setTimeout instead