ajax - ページを更新せずに ajax 呼び出しで jquery を使用して div を更新する

Question

誰でも助けてください。「tr with_id」を更新するために「テーブル」内の「div」を更新する際に問題があります。ただし、テストを実行して without_"id" をテーブルの外側に配置すると、スクリプトが大幅に実行され、サーバーの "TEST" 応答が返されます

<table style="border: none; border-bottom: 1px solid #2F2E2F;">
    <tr>
    <th colspan="4">Notifications</th>
    </tr>

  <div id="update_118">
  <tr class="read_118">
  </div>

<td>... </td>
<td><a href="http://www.hamayk.com/photos/show/156"> Comment on your Photo </a></td>
<td>today 21:43</td>
<td>... </td>

</tr>
</table>

ここで、成功時にマウスオーバーしたときにこの「div」を更新したいと思います。マウスがその上にある間。

<div id="update_118">
<tr class="light">
</div>

これが私のスクリプトです...

<script>     
$(document).ready(function(){

    $('.read_118').on('mouseover', function(){

         var id = $(this).attr("id")
         var data = 'id=' + id ;

            $.ajax({
            type: "GET",
            url: "/alerts/ajax_read/118",
            data: data,                    
            cache: false,     

    success: function(){    
 $('#update_118').fadeOut('slow').load('/alerts/ajax_load/118').fadeIn("slow");
 return false;

            }
        });
    });
}); 
</script>

ここに私のサーバー応答ファイルがあります:

  $response = " <tr class='light'> ";
         echo $response; 

前もって感謝します... クリス