title: Replace inner HTML of a div with Ajax response
body: <p>i am trying to change inner HTML of a div after some interval. 
  i am getting right response which i want with Ajax. 
  but unable to replace inner HTML of selected after and with Ajax response.
  what is wrong with my code..</p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>      &lt;p class="time ui-li-desc" data-time="2013-02-13 11:30:08" &gt;
      51 seconds ago&lt;img alt="image" src="images/read.png"&gt;&lt;/p&gt;
  
        &lt;p class="time ui-li-desc" data-time="2013-02-13 11:30:16" &gt;
      58 seconds ago&lt;img alt="image" src="images/read.png"&gt;&lt;/p&gt;
  .
  .
  .
  .
  .
        &lt;p class="time ui-li-desc" data-time="2013-02-13 11:40:08" &gt;
      10 minute ago&lt;img alt="image" src="images/read.png"&gt;&lt;/p&gt;
  </code></pre>
  
  <p><strong>j query</strong> </p>
  
  <pre><code>setInterval(function() { 
              $( ".time" ).each(function( index ) {
                  var sendTime=  $(this).attr("data-time");
                  dataString = "sendtime="+sendTime+"&amp;q=convertTime";
                  $.ajax({
                      type: "POST",
                      url: "data_handler.php",
                      data: dataString,                   
                      cache: true,
                      success: function(response) {
                          alert(response);
                          $(this).html(response);
                          //alert(response);
                      }
                  });
              });
          }, 5000);
  </code></pre>