title: jQueryUI detect when element is dragged
body: <p>I'm trying to detect when an element is being dragged.  The jQuery documentation states that adding a <code>.bind('drag'</code> should do it.  Unfortunately that's not working in my case.  I've verified that my item is draggable (init'd by jQueryUI).</p>
  
  <pre><code>//all of these elements show a "drag" listener, yet nothing happens     
  console.log($('#roster .sponsors li, #roster .players li'));
  
   $('#roster .sponsors li, #roster .players li').bind('drag', function () {
        $('.team div.sponsors, .team div.players').remove();
        $(this).unbind('drag');
   });
  </code></pre>
  
  <p>I'm trying to get the "drag sponsor here" div tag to go away when they start dragging.... <a href="http://jsfiddle.net/gEuZz/2/" rel="nofollow">http://jsfiddle.net/gEuZz/2/</a></p>
  
  <p><strong>update</strong></p>
  
  <p>Check out this problem -- REMOVED --</p>