title: alertbox to show the data when each td is clicked
body: <p>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 <strong>td is clicked separately</strong>,can anyone guide me how  to do this please see my code here  <a href="http://jsfiddle.net/Ur5Xn/5/" rel="nofollow">http://jsfiddle.net/Ur5Xn/5/</a></p>
  
  <p><strong>my ajax</strong></p>
  
  <pre><code>$(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(); 
      });
  });
  </code></pre>
  
  <p>Thanks</p>