I have used this successfully for elements that were defined in the initial page (hardcoded into the html). But now that I have a couple I .append() dynamically, I cannot get the text to popup. It seems as if the .tooltip() doesn't work if the element is added after the page loads.
Note that I perform $("#tooltipID").tooltip() after the $ ("#container).append() is done. I would expect that as long as the element I want to bind the tooltip to exists, it should attach itself to that element. I even tried a setTimeout to defer the .toolip() execution slightly, just in case. No better. I am careful to ensure there are no duplicate IDs. I found that I could (with Firebug) perform a .toggle() on the selector, and it would hide/show properly. So clearly the element is there and 'known' to scripts because other actions work. Only the .tooltip() seems to not 'see' the dynamically-added elements. Briefly, my effort is thus: if ($("label.selection- status~a").length==0) { // No '<a>' siblings yet, add them $("label.selection- status").after(" <a id='unselectall' class='status' href='#' caption='caption' info='info'>text1</a> <a id='showall'class='status' href='#' caption='showall' info='info'>text2</a>"); $("a#unselectall").tooltip(); $("a#showall").tooltip(); $("a#unselectall").click( function() { SetCookie(cookieFavorites,''); evalFavorites(); clearAll(); return false; } ); $("a#showall").click( function() { $ (this).attr('href',$(this).attr('href').toString().split ('#')[0].split('&')[0].split('?')[0] + '?' + getIdlist()+"&ns=1"); } ); }