title: Add Hover display for table cell
body: <p>I have a table, but it is not in a list format, meaning not a column/row format. I look for specific cells to add a hover event that displays a description of the cell.</p>
  
  <pre><code>$("#TableID td").hover(function(){
  //ifCellThatIWant
     $(this).append("&lt;span&gt;Message that was brought in&lt;/span&gt;");
     },
     function(){
      $(this).children().remove();
      });
  </code></pre>
  
  <p>The problem is right now is that the hover displays a span(with info. inside) that I used jquery to append the span to the cell when mouseover, which expands the cell, which is an effect that I don't like or want. I'm Trying to have an out of the table look,but still be by the cell that triggered the event; because if the span has a lot of info. in it, expanding the cell dynamically will start to look pretty nasty.  Also will help if I had some type of css direction on how will I make the display for the mouseover "description" span look nice. My mind thought is that a way to accomplish what I want is giver the appended span the position of my mouse cursor when hover, but not sure if its the right approach or what the syntax would look like.</p>