title: How can i prevent default tooltips to be shown hovering on svg elements?
body: <p>I'm trying to show an interactive SVG image drawn in a HTML page. 
  I'm not experienced with javascript/jQuery language, but using some jQuery plugins like PowerTip I'm currently able to show customized tooltips when hovering on SVG elements. 
  Customized tooltips appear, but disappear after a second, when they're closed by the appearance of default tooltip (in all browsers), showing so just the content of "title" element.
  Is there a way to disable default tooltips?
  Below is what I do to show my customized tooltips with PowerTip.</p>
  
  <pre><code>$('#myGraph .node').on({ powerTipPreRender: function() {
      var title = "";
      $('a text', this).each( function(i) {
          title += " " + $(this).text();
      });
  
      var synonyms = "";
      $("synonym", this).each( function(i) {
          synonyms += "&lt;li&gt;" + parseSynonym($(this).text()) + "&lt;/li&gt;";
      });
      $(this).data('powertipjq', $([
             '&lt;p&gt;&lt;b&gt;' + title + '&lt;/b&gt;&lt;/p&gt;',
             '&lt;p&gt;&lt;b&gt;Synonym(s)&lt;/b&gt;&lt;ul&gt;' + synonyms + '&lt;/ul&gt;&lt;/p&gt;'
             ].join('\n')));
  }});
  </code></pre>
  
  <p>Tnaks in advance</p>