title: replace div content using ajax and jquery
body: <p>I try following code to replace div content but its not working what i am doing wrong?</p>
  
  <pre><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></pre>
  
  <p>//list to get value</p>
  
  <pre><code>&lt;ul id="page_num"&gt;
                &lt;li id="5"  onclick='MakeRequest();' &gt;&lt;a href="#"&gt;5&lt;/a&gt;&lt;/li&gt;
                &lt;li id="10"  onclick='MakeRequest();' &gt;&lt;a href="#"&gt;10&lt;/a&gt;&lt;/li&gt;
                 &lt;li id="15"  onclick='MakeRequest();' &gt;&lt;a href="#"&gt;15&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
  </code></pre>
  
  <p>//div to replace</p>
  
  <pre><code>&lt;div id='ResponseDiv'&gt;
          This is a div to hold the response.
  &lt;/div&gt;
  </code></pre>
  
  <p>//my display.php</p>
  
  <pre><code>&lt;?php 
     echo "This is a php response to your request!!!!!!";
  ?&gt;
  </code></pre>
  
  <p>EDIT:
  how can i check its going or not to my display.php.
  i have try solution but not get success.        </p>