Highlight first column in a row using JQuery
<p>I have a table, as I hover over the cells within the table the current cell and the first column is highlighted:</p>

<pre><code>$('.price_cell').hover(function(){

    $(this).css('background-color','#cce6ff');
    $('td:first', $(this).parents('tr')).css({'background-color':'#0096E1','color':'#ffffff'});

},
function(){

    $(this).css('background-color','#ffffff');
    $('td:first', $(this).parents('tr')).css({'background-color':'#ffffff','color':'#002436'});
});
</code></pre>

<p>This works fine.  However whilst I want the first column cells to change color as a user hovers over the cells on the line, I don't want the first column cells to change color when they are hovered over.</p>
