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.

$('#myGraph .node').on({ powerTipPreRender: function() {

    var title = ;

    $('a text', this).each( function(i) {

        title +=   + $(this).text();

    });



    var synonyms = ;

    $(synonym, this).each( function(i) {

        synonyms += <li> + parseSynonym($(this).text()) + </li>;

    });

    $(this).data('powertipjq', $([

           '<p><b>' + title + '</b></p>',

           '<p><b>Synonym(s)</b><ul>' + synonyms + '</ul></p>'

           ].join('n')));

}});

Tnaks in advance