title: Show jQueryUI tooltip above qtip
body: <p>I'm trying to show a jQuery UI tooltip on an image in a qtip. Right now, the tooltip is being shown behind the tooltip. Any idea how to get it to show in front of it?</p>
  
  <pre><code>$(document).tooltip({ 
   position: { my: "left bottom-5", at: "left top",
    using: function( position, feedback ) {
     $( this ).css( position );
     $( "&lt;div&gt;" )
     .addClass( "arrow" )
     .addClass( feedback.vertical )
     .addClass( feedback.horizontal )
     .appendTo( this );
    }
   },
   show: false,
   hide: false    
  });
  
  var qconfig = {
   show: 'mouseover',
   hide: { when: 'mouseout', fixed: true },
   position: { my: 'bottom center', at: 'top center', adjust: {y: 8} },
   style: { classes: 'qtip-light qtip-shadow' }
  };
  
  $("#666").qtip($.extend(true, qconfig, { content: { text: "&lt;img src='http://s.c.lnkd.licdn.com/scds/common/u/images/logos/linkedin/logo_in_nav_44x36.png' title='bind tooltip to this'/&gt;", title: "title is here" }}));
  </code></pre>
  
  <p>Fiddle is here: <a href="http://jsfiddle.net/wYM2Q/" rel="nofollow">http://jsfiddle.net/wYM2Q/</a></p>
  
  <p>Mouse over the text "bind qtip to this". Then mouseover the image within the qtip. You'll see the tooltip showing behind the qtip, and I'd like to show it in front of it.</p>