title: Change the tooltip value of draggable element when over droppable elements jquery
body: <p>I have list of li's Which I am using for drag and drop. My li's are in format of:</p>
  
  <pre><code>&lt;div id="test" class="list"&gt;
      &lt;ul&gt;
          &lt;li&gt;Inbox
              &lt;ul&gt;&lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;Sent
              &lt;ul&gt;&lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;Archive
              &lt;ul&gt;&lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;Deleted
              &lt;ul&gt;
                  &lt;li&gt;Sub Folder 1&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is the code for draggable initialization:</p>
  
  <pre><code>$('#test li').draggable({
      revert: "invalid", // when not dropped, the item will revert back to its initial position
      containment: "document",
      helper: "clone",
      cursor: 'move'          
  });
  
  $("#test li ").droppable({
      hoverClass: "ui-state-active",
      activeClass: "ui-state-highlight",
      over: function(event, ui) {
          var folderName = $(event.target).text();
          $(ui.helper).text("Move to "+folderName);
      }
  });
  </code></pre>
  
  <p>Suppose i have started drag for "Sub Folder 1". When i move to items like "Inbox", "Sent" tooltip is showing as Move to Inbox, Move to Sent. But when i am over the subfolder again. i dont' want o show the "Move to " text. Instead of that i want to show only folderName "Sub Folder 1".</p>
  
  <p>Issues:</p>
  
  <ol>
  <li>When i start the drag, draggable helper clone is not shown.</li>
  <li>When i am over the "Sub folder 1" the target folder text is taking as "deleted and also sub folder 1" so the event.target is showing the folder Name as "Deleted" only when i am over the "sub folder 1".</li>
  </ol>
  
  <p>How to fix this issue. Fiddle: <a href="http://jsfiddle.net/3QMzh/3/" rel="nofollow">http://jsfiddle.net/3QMzh/3/</a></p>