Селекторы на рядомстоящие однотипные элементы
 

Подскажите, пожалуйста. У меня есть однотипные ячейки таблицы :

<td class="cattd">
<div class="category">
<table class="catimgtbl"><tr><td>                       
<a class="catimg" href="ссылка">картинка</a>
</td></tr></table>
<div class="clear"></div>
<div class="catname">
<a href="ссылка">название</a>
</div>
</div>
</td>

При наведении на картинку анимирую ее "opacity" скриптом:

var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(".catimg img").css({"opacity" : "0.2"});
$j(".catimg img").hover(function() {
$j(this).stop(true,true).animate({ opacity: "1"}, 1000, 'linear' );
}, function() {
$j(this).stop(true,true).animate({ opacity: "0.2"}, 1000, 'linear' );
});
});

Не могу прописать нужный селектор. Как мне в функции ".hover(function() {..." вызвать анимацию ссылки "название" именно в текущей ячейке таблицы в которой происходит событие ".hover" на картинке ? И как можно сформировать обратную функцию для анимации названия и картинки при ".hover" на "название" ?

$(this).parents('.category').find('.catname a').animate()

Это ?

Да! Спасибо, все оказалось просто, я не знал про .parents(), только изучаю jQuery )