Как заставить эффекты MouseOver работать в jQuery? (Hover не работает в Firefox/IE) ⇐ CSS

[Anonymous]

При паряке над поле на таблице я добавляю Div в это поле и показываю немного текста в недавно добавленном поле (подсказка). Когда я нахожусь на поле стола, я хочу, чтобы оно было закрыто, но я хочу, чтобы оно оставалось открытым, пока я в нем в нем, дочернем элементе (недавно добавленный Div). Он отлично работает на Chrome, но не в FF /IE < /p>

$(document).ready(init);

function init(){
$('table td.column_5').on('mouseover', show_tooltip);
$('.tooltip, table td.column_5').on('mouseout',remove_tooltip);
}
function show_tooltip(e){
if ($(e.target).text() !== '' && !$(this).children().hasClass('tooltip')){
var tooltip = ''+$(e.target).text()+'';
$(this).append(tooltip);
}
}
function remove_tooltip(e){
if ($(this).children().hasClass('tooltip') && !$(this).children('.tooltip').is(':hover')){
$('.tooltip').remove();
}


Подробнее здесь: https://stackoverflow.com/questions/367 ... firefox-ie