JQuery - Adding Hover Event to Hidden TD

I have a script which loads tooltips on my webpage. The tooltips are embedded within a series of table cells. Initially some columns are visible and some are hidden. Columns which are visible by default work just fine. The problem is columns that are hidden by default are not loading the tooltip. Any ideas on how I can modify the following jquery call to get this to work?


$('.show-tooltip-text').each().parent().hover(showTooltip, hideTooltip);

Each cell has a span which is hidden by default with the class “show-tooltip-text”. The purpose of this code is to add a hover event to the parent of this span which is the td element.

Thanks, and let me know if I need to clarify anything.

I also tried this and it did not make a difference. Still unable to load tooltip for hidden td.


	$('.show-tooltip-text').each(function(){
		if($(this).parent().is(':visible')){
			$(this).parent().hover(showTooltip, hideTooltip);
		}else{
			$(this).parent().show();
			$(this).parent().hover(showTooltip, hideTooltip);
			$(this).parent().hide();
		}
	});