replace div content using ajax and jquery

[gals]

I try following code to replace div content but its not working what i am doing wrong?\[code\]function MakeRequest(){ $("#page_num li").click(function() { var id=(this.id); alert(id); $.ajax({ url : 'display.php', data:{"id":id}, type: 'GET', success: function(data){ $('#ResponseDiv').html(data); } });});}\[/code\]//list to get value\[code\]<ul id="page_num"> <li id="5" onclick='MakeRequest();' ><a href="http://stackoverflow.com/questions/13832911/#">5</a></li> <li id="10" onclick='MakeRequest();' ><a href="http://stackoverflow.com/questions/13832911/#">10</a></li> <li id="15" onclick='MakeRequest();' ><a href="http://stackoverflow.com/questions/13832911/#">15</a></li> </ul>\[/code\]//div to replace\[code\]<div id='ResponseDiv'> This is a div to hold the response.</div>\[/code\]//my display.php\[code\]<?php echo "This is a php response to your request!!!!!!";?>\[/code\]