substituir o conteúdo div usando ajax e jquery

Eu tento seguir o código para substituir o conteúdo div, mas não está funcionando o que estou fazendo de errado?

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);
        }
    });
});
}

// list para obter valor

<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 para substituir

<div id='ResponseDiv'>
        This is a div to hold the response.
</div>

// meu display.php

<?php 
   echo "This is a php response to your request!!!!!!";
?>

EDIT: como posso verificar sua indo ou não para o meu display.php. Eu tentei a solução, mas não obtive sucesso.

questionAnswers(4)

yourAnswerToTheQuestion