Javascript-форум - Наследуются классы? Как избежать.

Всем привет!
Надеюсь на вашу помощь.
есть такое($row['id'] подсасывается из БД):

Код:

<div class="one_table" id="'.$row['id'].'">

        <div class="table_title"></div>

        <div class="table_description"></div>

        <div class="table_image"></div>

        <div class="table_like" id="table_like'.$row['id'].'"></div>

</div>

у последнего дива table_like установлен в стилях display: none
Нужно сделать что бы при наведении на главный див (one_table) срабатывал у table_like fadeIn(), а когда курсор уводишь - fadeOut().
Пробовал несколько вариантов, например один из них:

Код:

$('.one_table').on('mouseover', function(){

        $('#table_like'+($(this).attr("id"))).fadeIn();

});



$('.one_table').on('mouseout', function(){

        $('#table_like'+($(this).attr("id"))).fadeOut();

});

и всегда все сходится к одному - каждый вложенный в one_table див является целью обработчика. Т.е. когда я провожу внутри one_table мышкой между элементов постоянно срабатывают фейды.

Как этого можно избежать? Нужна реакция только на one_table.
Очень надеюсь на вашу помощь, заранее спасибо.