title: How to highlight selected row with jQuery?
body: <p>I'm using jQuery 1.6.4 and I have an html table.  I assign the table an id = "tbl" and then use a click event to dynamically find which row was clicked.  In that row I want to highlight it so the user can see which row was clicked.  </p>
  
  <p>I used some code in a jQuery book and modified it for using it with (this).  However, it's not highlighting the row.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$('#tbl tr').click(function() { 
                  //$('div.poem-stanza').addClass('highlight');
                  $(this).addClass("highlight");
  ...
  </code></pre>
  
  <p>In firebug I verify that (this) is referencing a tr element, but for some reason the code doesn't work with the highlighting.  What do I need to do for this to work dynamically using (this)?</p>
  
  <p>Based on the comments, I double checked and didn't have .highlight in my css file.  I had added it for other named elements and I had a typo in my reference to the css file.  Thanks to firebug I was able to see everything that loaded and what was missing.</p>