title: Add background color and border to table row on hover using jquery
body: <p>Does anyone know of a way to add a border to a table row with a different background color  when the mouse hovers over the row?</p>
  
  <p>I've been able to change the background color of the row with this:</p>
  
  <pre><code>$(document).ready(function() {
     $(function() {
          $('.actionRow').hover(function() {
              $(this).css('background-color', '#FFFF99');
          },
          function() {
              $(this).css('background-color', '#FFFFFF');
          });
      });
  });
  </code></pre>
  
  <p>But I'm unable to add a border color. I realize borders can't be directly applied to a table row tag, but I'm hoping someone know some jQuery voodoo magic that can find the table cells within the selected row and apply some styles to those to create the border.</p>
  
  <p>Thanks!</p>