title: Changing cursor while dragging
body: <p>Is it possible to change the cursor while dragging?</p>
  <p>I have been searching and trying to do it for a while now. I want to change the 'not-allowed' cursor which shows up while you drag an object to another cursor.</p>
  <p>I tried creating an event and assigning it to the image I wanted to drag:-</p>
  <pre><code>&lt;img id=&quot;drag1&quot; class=&quot;drag&quot; src=&quot;http://www.surfixe.com/img/tick2.png&quot; draggable=&quot;true&quot; ondragstart=&quot;drag(event)&quot; /&gt;
  </code></pre>
  <p>JavaScript:-</p>
  <pre><code>function drag(ev) {
      $('#drag1').css('cursor', 'pointer');
  }
  </code></pre>
  <p><a href="http://jsfiddle.net/Tomer123/wpcbM/2/" rel="nofollow noreferrer"><strong>jsfiddle</strong></a></p>
  <p>Edit: Note: My little project is supposed to be html-5 <code>drag and drop</code>, so I need to be able to change the cursor while dragging a div with html-5 <code>drag</code> attribute</p>