jquery row highlight

[likon]

hi guys i have a problem with jquery and css

	$("#bordercolor tbody td").hover(
    function() 
    {
        // This gets executed on mouse-over
        $(this).addClass('hover');
    }, 
    function() 
    {
        // This is the callback, so it gets executed on mouse-out
        $(this).removeClass('hover');
    }

it will hover the td element of table with id="bordercolor"

now the problem is i have 2 td but i just want to highlight the td for title not for content

                  <tr>
                    <td class="windowbg2" align="left" valign="top" width="100%"><b><a href="#"><?php echo $item->get_title(); ?></a></b><br></td>
                  </tr>
                  <tr>
                    <td>
						<p><?php echo $item->get_content(); ?></p>
						
						
					</td>
                  </tr>

see the first td is to display title and second td is to display content

i just want that jquery to hover the title not the content.

i know it has got something to do with $("#bordercolor tbody td")

but i am not quite sure how css pair with jquery ( or javascript ) in too much detail.

thanks

[Spudhead]

I think the simplest - and most semantically correct - way would be to put your table titles into TH tags rather than TD ones. That way you could apply your hovering code to $("#bordercolor tbody th")