Простая всплывающая подсказка для существующих и динамически добавленых элементов на Jquery 1.4

Значит начну с CSS:

.tooltip {position: absolute;
z-index: 5000;/*эта штука не обязательна, но и не мешает :)*/
top: 0; left: 0;/*задаем начальную позицию*/
max-width: 220px;/*произвольная ширина подсказки не больше 220px*/
margin: 0; padding: 0;/*эт важная штука, поверте*/
display: none;/*и скрываем, она же должна появляться*/}


/*А далее настройки для тега внутри tooltip'а*/

.tooltip div {margin: 0; padding: 2px 5px; font-family: "Times New Roman"; font-size: 16px; font-weight: bolder; line-height: 1.08em; color: white/*вот этот тег можно менять как хочештся*/}

Далее скрипт производитель:

$(function(){

  $('<div class="tooltip"></div>').appendTo('body');/*Здесь создается DIV главный, в файле CSS он display:none вместе с его содержимым он не покажется раньше времени*/

  var eltooltip = $('.help'),/*тут выбираем все объекты в которых есть, заранее расставленый класс .help, не забудте также расставить TITLE с текстом подсказки (ниже будет пример тега, сами всё поймёте)*/

  tooltip = $('div.tooltip'),/*Заносим подсказку в перименную*/

  title;/*пустая переменная для текста подсказки(временного хранения)*/


  eltooltip.live('mouseenter', function(){/*при наведении мыши*/

      title = $(this).attr('title');/*Забираем у элемента TITLE*/
      $(this).attr('title','');/*Стираем текст из title*/
      tooltip.html('<div>'+title+'</div>').css('opacity', '0.7');/*Вставляем DIV с текстом подсказки*/

      $(this).mousemove(function(e){/*при движении мышки*/

          tooltip.show().css({left: e.pageX, top: e.pageY+25});/*появляется подсказка и позиционируется по местонахождению курсора мышки*/

      });

  });

  eltooltip.live('mouseleave', function(){/*передвигаем курсор за пределы курентного элемента*/

      tooltip.empty().hide();/*убираем подсказку*/
      $(this).attr('title', title);/* и возвращаем элементу текст из его TITLE*/

  });

/*И в дополнение*/
  eltooltip.live('click', function(){/*если кто кликнет на объект*/

    tooltip.fadeOut('slow');/*опять таки подсказка исчезает :)*/

  });

});

А теперь пример HTML элемента, при наведении на который, подсказка появится

<div class="help" title="Я подсказка, вот она я, ку-ку :)">Наведи на меня курсор</div>

Вот и всё!
Работает на всех популярных браузерах, на счёт IE6 и IE8 незнаю, а 7-я версия работает нормально.