$(document).ready(function() {
  
  //clear existing HTML
  
  $('.toolTip').each(function (i) {
    this.tip = this.innerHTML;
    this.innerHTML = '';
    this.style.visibility = 'visible';
    this.style.overflow = 'visible';
    
    $(this).append(
     '<div class="toolTipWrapper">'
        +'<div class="toolTipContent">'
          +this.tip
        +'</div>'
      +'</div>'
    );
  });
  
  $('.toolTip').hover(
    function() {
        $(this).css({zIndex:999});
        $(this).find('.toolTipWrapper').fadeIn(300);
  },
    function() {
        $(this).css({zIndex:1});
        $(this).find('.toolTipWrapper').fadeOut(100);
      }
  );
});
