title: cannot close jquery tooltip in a google map infobox
body: <p>In my application, I've a huge map on the dashboard and there I'm placing markers when ajax content is loaded. Each marker has specifically designed infobox where I've a link that has two clases:</p>
  
  <ol>
  <li>tooltip</li>
  <li>fancybox</li>
  </ol>
  
  <p>On mouseover, I expect the tooltip opened and on mouseout I expect it to be closed and on click I expect three things:</p>
  
  <ol>
  <li>the infobox to be closed</li>
  <li>the fancybox to be opened</li>
  <li>the tooltip to be closed</li>
  </ol>
  
  <p>The problem is that on mouseover and mouseout, the tooltip acts as expected but when I click on the link, the infobox closes, the fancybox opens but the tooltip doesn't close and it looses the parent connection and never closes.</p>
  
  <p>Here are my codes:</p>
  
  <pre><code>        var infowindow_options = {
              content: '...&lt;a class="bind_tooltip"&gt;...&lt;/a&gt;...',
              disableAutoPan: false,
              maxWidth: 0,
              alignBottom: true,
              pixelOffset: new google.maps.Size( 10, 10 ),
              zIndex: null,
              boxClass: 'info_window',
              closeBoxMargin: '10px 10px 0 0',
              closeBoxURL: 'http://www.google.com/intl/en_us/mapfiles/close.gif',
              pane: 'floatPane',
              enableEventPropagation: true,
              infoBoxClearance: '10px',
              position: mrkr.position
          };
          google.maps.event.addListener( mrkr, 'click', function() {
              infowindow ? infowindow.close() : '';
              infowindow = new InfoBox( infowindow_options );
              infowindow.open( map );
              return false;
          } );
          google.maps.event.addListener( map, 'click', function() {
              if( infowindow ) {
                  infowindow.close();
                  $( '.bind_tooltip' ).tooltip( 'close' );
              }
              return false;
          } );
          $( document ).tooltip( {
              items: '.bind_tooltip',
              content: function() {
                  return $( this ).parent().find( '.tooltip' ).html();
              },
              position: {my: 'left top+10', at: 'center center'}
          } );
  </code></pre>
  
  <p>Also I get this error:</p>
  
  <blockquote>
    <p>Error: cannot call methods on tooltip prior to initialization; attempted to call method 'close'</p>
  </blockquote>