title: Table row and column highlighting with jquery
body: <p>The <a href="http://css-tricks.com/row-and-column-highlighting/" rel="nofollow">Script</a> is here for highlighting table row and column with jquery.  <a href="http://css-tricks.com/examples/RowColumnHighlighting/example-two.php" rel="nofollow">Demo Here</a></p>
  
  <p>It highlights entire row and entire column on hover.  I want hover only upto current cell and not to extend beyond the current cell row and column position.</p>
  
  <p>Script</p>
  
  <pre><code>$("table").delegate('td','mouseover mouseleave', function(e) {
  if (e.type == 'mouseover') {
    $(this).parent().addClass("hover");
    $("colgroup").eq($(this).index()).addClass("hover");
  }
  else {
    $(this).parent().removeClass("hover");
    $("colgroup").eq($(this).index()).removeClass("hover");
  }
  });
  </code></pre>
  
  <p>Any help ?</p>
  
  <p><a href="http://jsfiddle.net/eMEq6/2/" rel="nofollow">JS Fiddle</a></p>