hide/destroy not hiding or destroying

[cre8value]

I am initializing tooltipster on elements like so:

            // init tooltipster on class 'tooltip'
            $('.tooltip').tooltipster({
                delay:500,
                interactive:true
            });

When time comes to disable tooltipster on select elements, I try to 'destroy' or 'hide' tooltipster from those elements:

            // remove tooltipster from class 'myClass'
            $('.myClass').tooltipster('destroy');

But the tooltips don't get destoryed or hidden. I even tried removing the title attribute from the element, confirmed the title was gone from the element by using the Dev Tools built into Chrome and IE, but the tooltipster keeps firing tooltips on those elements.

What am I doing wrong? How do I remove a tooltip from an element?

[calebjacob]

I've confirmed that these methods are working. Make sure you're using the methods correctly.

<div class="tooltip myClass" title="My tooltip content"></div>

$('.tooltip').tooltipster({
    delay:500,
    interactive:true
});

// later on when you want to destroy it. This will hide the tooltip first if currently open
$('.myClass').tooltipster('destroy');