title: Edit jquery tooltip script to disable default tooltips
body: <p>Here's a tooltip script from <a href="http://webdesign.tutsplus.com/tutorials/site-elements/how-to-create-link-tooltips-using-css3-and-jquery/" rel="nofollow">webdesign tuts+</a>. Works great, but it fails to disable the default tooltip. </p>
  
  <p>I lack the skills to update this script accordingly. I'd greatly appreciate an edit that will disable default tooltips!</p>
  
  <p>Thanks.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("a").mouseenter(function (e) { //event fired when mouse cursor enters "a" element
          var $class_name = $(this).attr("class").slice(13); //get class attribute of "a" element after leaving 13 characters which is equal to "tooltip_link "
          var $x = e.pageX - this.offsetLeft; //get mouse X coordinate relative to "a" element
          var $tooltip_text = $(this).attr("title"); //get title attribute of "a" element
  
          if ($tooltip_text.length &gt; 0) { //display tooltip only if it has more than zero characters
  
              $(this).append('&lt;div class="tooltip ' + $class_name + '"&gt;' + $tooltip_text + '&lt;/div&gt;'); //append tooltip markup, insert class name and tooltip title from the values above
  
              $("a &gt; div.tooltip.center").css("left", "" + $x - 103 + "px"); //set tooltip position from left
              $("a &gt; div.tooltip.left").css("left", "" + $x + "px"); //set tooltip position from left
              $("a &gt; div.tooltip.right").css("left", "" + $x - 208 + "px"); //set tooltip position from left
  
              $("a &gt; div.tooltip." + $class_name).fadeIn(300); //display, animate and fade in the tooltip
          }
      });
  
      $("a").mouseleave(function () { //event fired when mouse cursor leaves "a" element
          var $class_name = $(this).attr("class").slice(13); //get class attribute of "a" element after leaving 13 characters which is equal to "tooltip_link "
  
          //fade out the tooltip, delay for 300ms and then remove the tooltip and end the custom queue
          $("a &gt; div.tooltip." + $class_name).fadeOut(300).delay(300).queue(function () {
              $(this).remove();
              $(this).dequeue();
          });
      });
  &lt;/script&gt;
  </code></pre>