заменить содержимое div с помощью ajax и jquery
Я пытаюсь использовать следующий код для замены содержимого div, но он не работает, что я делаю неправильно?
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);
}
});
});
}
// список для получения значения
<ul id="page_num">
<li id="5" onclick='MakeRequest();' ><a href="#">5</a></li>
<li id="10" onclick='MakeRequest();' ><a href="#">10</a></li>
<li id="15" onclick='MakeRequest();' ><a href="#">15</a></li>
</ul>
// div для замены
<div id='ResponseDiv'>
This is a div to hold the response.
</div>
// мой display.php
<?php
echo "This is a php response to your request!!!!!!";
?>
РЕДАКТИРОВАТЬ: как я могу проверить его или нет на мой display.php. Я пробую решение, но не добьюсь успеха.