I am trying to make a shopping site and when a user click "add to cart" button, a "this item has been added" text will show up next to the product title. 

My html code

2. <div id="product">
3.   <table width="594" border="0" cellpadding="5" cellspacing="0">
4.     <tr>
5.                      <td><img src="<?php echo "$brandImage"; ?>" width="100" height="40"/></td>
6.          <td colspan="3" valign="middle"><strong><?php echo $productName; ?></strong> //place to show the text "item is in the cart"
7. </td>
8.                     </tr>
9.     <tr>       
10. <td><img src="<?php echo $productThumb; ?>" width="180" height="135"></td>
11. 
    
12. <td width="303" align="left" valign="top"><ulid="feature">Feature...</td>
13.                  
14.  <td> <a href="productDisplay.php?productId=<?php echo $productId;?>">
15. <img src="images/iconBullet.jpg" width="10" height="18"> View Detail</a><br>
16.         <span id="wasPrice"><?php echo $productPriceWas; ?></span>
17.         //button to click
18.  <a id="addToCart" href="javascript:void(0);" onclick="addToCart()">
19. <img src="images/addToCart.gif" alt="add To Cart"/><a/>     
20. </td>
21.                  </tr>
22.   </table>
23. </div>

I use this jquery code but it only works on the first table (My code generates 1 item per table from mysql). The second and the third one is not working. Here is my Jquery

2. $(document).ready(function(){
3. $("#addToCart").click(function(e){
4. $(e.target).parent().parent().parent().parent().find("td:eq(1)").append(" hohoho");
5. });
6. });

I want the text only append once on every table (for different product). I would really appreciate it if someone enlighten me......Thanks!