title: Disabling browser tooltips on links and <abbr>s
body: <p>I want to suppress the web browser's default tooltip display when a user hovers over certain links and  elements. I know it's possible but I don't know how. Can anyone help?</p>
  
  <p>The reason for this is to suppress the tooltip for microformatted date-times. The BBC dropped support for hCalendar because the appearane of the machine-readable date was an accessibility issue for those with cognitive disabilities aswell as some screen reader users. <a href="http://www.bbc.co.uk/blogs/bbcinternet/2008/07/why_the_bbc_removed_microforma.html" rel="noreferrer">http://www.bbc.co.uk/blogs/bbcinternet/2008/07/why_the_bbc_removed_microforma.html</a></p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I whipped up a jquery plugin along the same lines as Aron's suggestion...</p>
  
  <pre><code>// uFsuppress plugin v1.0 - toggle microformatted dates
  (function($){
  $.ufsuppress = function() {
      $(".dtstart,.dtend,.bday").hover(function(){
          $(this).attr("ufdata",$(this).attr("title"));
          $(this).removeAttr("title");
      },function(){
          $(this).attr("title",$(this).attr("ufdata"));
          $(this).removeAttr("ufdata");
      });
  }
  })(jQuery);
  
  // Usage
  $.ufsuppress();
  </code></pre>