title: How to catch dragend event in JavaScript?
body: <p>I'm trying to catch the dragend event in JavaScript for a draggable DIV.
  The dragend event is not fired at all, why ? and how to solve this ?
  PS, I'm using .draggable() method from: jQuery UI 1.9.2</p>
  <p>Here's my code: <a href="http://jsfiddle.net/vBMav/" rel="nofollow noreferrer">http://jsfiddle.net/vBMav/</a></p>
  <p>HTML:</p>
  <pre><code>&lt;div id=&quot;divId&quot;&gt; ... &lt;/div&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>#divId {
      background-color: #000000;
      color: #ffffff;
      height: 200px;
      width: 200px;
  }
  </code></pre>
  <p>Javascript:</p>
  <pre><code>$('#divId').draggable(); 
  
  $('#divId')
      .bind('dragstart', function(){ $(&quot;#divId&quot;).text(&quot;drag start&quot;); })
      .bind('drag',      function(){ $(&quot;#divId&quot;).text(&quot;dragging&quot;);   })
      .bind('dragend',   function(){ $(&quot;#divId&quot;).text(&quot;drag ended&quot;); });
  </code></pre>