title: ondragstart event with jQuery
body: <p>I've been trying to use Javascript Drag and Drop API.</p>
  
  <pre><code>var file = document.getElementById('file');
  file.addEventListener('dragstart', function(evt){
    evt.dataTransfer.setData("DownloadURL",fileDetails);
  }, false);
  </code></pre>
  
  <p>That works and all, but is there any way to use jQuery "on" to catch the event? I've tried</p>
  
  <pre><code>$('#file').on('dragstart', function(evt) {
     console.log(evt.dataTransfer);                    // this returns undefined
     evt.dataTransfer.data("DownloadURL",fileDetails); // so this produces error
  });
  </code></pre>
  
  <p>But it doesn't work.</p>
  
  <p>If possible, I don't want to use jQuery draggable plugin, since I'm not really looking to have a cross-browser solution.</p>
  
  <p>Thanks</p>