title: tooltipster not showing on first mouseover
body: <p>I'm trying to figure out the best way to trigger a dynamic tooltip with the tooltipster plugin. Basically I have a script that loops out a bunch of elements with IDs. I get the ID via jquery from the <code>.hover</code> event and pass that into the tooltipster widget which runs an ajax call, pulling the appropriate data for that ID. Everything works fine except for the first <code>.hover</code> event because there is no tooltipster widget associated with the element initially.  </p>
  
  <p>What I believe I need (I'm just not sure how to go about it) is a solid method to check if there is a tooltipster widget associated with an element and if not, trigger a mouseover/hover  WITHIN my existing script.</p>
  
  <p>Here's the idea:</p>
  
  <pre><code>if(!$(this).tooltipster()){$(this).trigger('mouseover');}
  </code></pre>
  
  <p>Here's the function:</p>
  
  <pre><code>$(document).ready(function() {
                      $('.tooltip').hover(function(){
              var content = $(this).attr("id");
  
              if(!$(this).tooltipster()){$(this).trigger('mouseover');}
  
          $(this).tooltipster({
                  animation: 'fade',
                 delay: 0,
                 speed: 250,
                 theme: '.newtooltip',
                  content: '&lt;img src="images/ajaxcircle.gif" width="16" height="16" /&gt;',
  
              functionBefore: function (origin, continueTooltip) {
  
              continueTooltip();
  
              if (origin.data('ajax') !== 'cached') {
                  $.ajax({
                      type: 'GET',
                      url: 'datagrab.html',
                      data: { ID: content},
                      success: function (data) {
                      origin.tooltipster('update', data).data('ajax ', 'cached');
                  }
                });
              }
             }
           });
          });
  
      });
  </code></pre>