alertbox显示每个td单击时的数据

Question

I am showing the data inside my own custom alert box when i clicked the first td(i.e row 1, cell 1) it showing alert box,then when i am clicking (row 1, cell 2,row 2, cell 1,row 2, cell 2)it not showing my alert box ,i think it taking the whole table as one div,but i want to display the alert box when each td is clicked separately,can anyone guide me how to do this please see my code here http://jsfiddle.net/Ur5Xn/5/

my ajax

$(document).ready(function(){
    function showAlertBox(){
     $("#alert").css("display","inherit");
     $("#content").addClass("back");
    }
    function removeAlertBox(){
        $("#alert").css("display","none");
         $("#content").removeClass("back");        
    }

    $("#alertClose").click(function(){
       removeAlertBox(); 
    });
    $("#alertShow").click(function(){
       showAlertBox(); 
    });
});

Thanks

Answer 1

Make it as class because id for unique.

<td class="alertShow">row 1, cell 1</td>
<td class="alertShow">row 1, cell 2</td>

This will work now, here is the demo edited. http://jsfiddle.net/Ur5Xn/7/

$(".alertShow").click(function(){
   showAlertBox(); 
});