title: jQuery UI tooltip - dynamic content
body: <p>I want to change the contents of the tooltip as I drag the div that has the tooltip. I would like to show the ui.position.top in the tooltip using the drag event for the div. Is this possible? I know the <a href="http://api.jqueryui.com/tooltip/#option-content" rel="nofollow">jQuery UI API docs</a> regarding tooltip content says: </p>
  
  <blockquote>
    <p>When changing this option, you likely need to also change the items option.</p>
  </blockquote>
  
  <p>but I cannot figure out how to do this correctly. </p>
  
  <p>This is what I have:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="box" title="original"&gt;drag me&lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$("#box").tooltip({
      track: true
  });
  $("#box").draggable({
      drag: function(event,ui){
          $(this).tooltip("option", "content", ui.position.top);
      }
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/E9vf3/8/" rel="nofollow">http://jsfiddle.net/E9vf3/8/</a></p>