[porvoocio]

Всем привет!
Надеюсь на вашу помощь.
есть такое($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.
Очень надеюсь на вашу помощь, заранее спасибо.