クラスを使用して2つのtdの間にテキストを挿入し、Jqueryが機能しない

Question

ajaxとjqueryを使用してphpからデータを取得しようとしています。
T1 .... t6のクラス名です
予想される出力：

t1 t2 t3 t4 t5 t6 
A 10 20 30 40 50 60 
B 20 20 10 20 20 10 
C 10 20 20 20 20 50 

実際の出力：

Bot_Code t1 t2 t3 t4 t5 t6 
     A 10 20 20 20 20 50 
     B 10 20 20 20 20 50 
     C 10 20 20 20 20 50 

HTML：

<table id="table"> 
<tr> 
<td> 
</td> 
</tr> 
<tr> 
<th> 

<span style="margin-right:150px">Bottle Name</span> 
<span class="d5">Bottle Size</span> 
<span class="d6">Bottle Type</span> 
<span class="d1">Opening</span> 
<span class="d2">Inward</span> 
<span class="d3">Outward</span> 
<span class="d4">Closing</span></th> 
</tr> 

<?php 
while($row_list=mysql_fetch_array($list)) 
{?> 
<tr> 

<td><a class="product" href="" myval="<?php echo $row_list['Bot_Code'];?>"><?php echo $row_list['Bot_Code'];?></a></td> 
<td class="t5"><?php echo $row_list['Bot_Size'];?></td> 
<td class="t6"><?php echo $row_list['Bot_Type'];?></td> 
<td class="t1"></td> 
<td class="t2"></td> 
<td class="t3"></td> 
<td class="t4"></td> 

</tr> 

<?php 
}?> 
</tr> 
<tr><td></td></tr> 
</table> 

のjQuery：

<script> 
$('document').ready(function(){ 
$('a').click(function(){ 
     var node=$(this); 
    var item = node.attr('myval'); 
    $.post('month_copy.php', {"bcode":item}, function(data){ 

    var products = data.split("|"); 
$(".t1").text(products[0]); 
$(".t2").text(products[1]); 
$(".t3").text(products[2]); 
$(".t4").text(products[3]) ; 
}); 

}); 

$('a').trigger('click'); 
}); 
</script> 

今、それは各行に更新された値を示しています。何か間違っていると思います。私はうまくいかなかったと思いました。私に提案してください。