title: jquery ui.sortable with tooltips
body: <p>On a page I have a sortable list with thumbnails.
  When rolling over the images I wanted a tooltip to show a bigger image.
  I found <a href="http://craigsworks.com/projects/qtip/" rel="nofollow noreferrer">qTip</a>, but maybe there is something better / easier?</p>
  
  <p>How can I connect the imgPath var from the sortable to the qtip? </p>
  
  <pre><code>var imgPath = '&lt;img src="002171/imm/001.jpg" /&gt;';
  
  $("#sortable").sortable();
  $("#sortable").disableSelection();
  
  $('#sortable li img').qtip({
      content: {
          text: imgPath
      }
  });
  
  
  &lt;div id="demo"&gt;
      &lt;ul id="sortable"&gt;
          &lt;li&gt;&lt;img src="002171/tn/001.jpg" /&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="002171/tn/002.jpg" /&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="002171/tn/003.jpg" /&gt;&lt;/li&gt;
      &lt;/ul&gt; 
  &lt;/div&gt;
  </code></pre>