title: jquery, dataTransfer not existing in any event (Or anywhere)
body: <p>I have been facing a problem when I try to implement SetDragImage on a 'LI' element, the 'LI' has been created dynamically searching inside of a folder and getting the name of the files inside and after being created I set the .draggable() properties</p>
  
  <p>I am able to do drag and drop and the image shown while dragging is the text so I want to change it and show a custom image. The id of each 'LI' contains the source of the image (path + fileName)</p>
  
  <p>I am trying to use SetDragImage but every time I get the error "Uncaught TypeError: Cannot read property 'SetDragImage' of undefined</p>
  
  <p>I have also tried to do it without "originalEvent" and I get the same error</p>
  
  <p>Could someone help me to find my mistake?</p>
  
  <p>Please find below my code</p>
  
  <p>Thank you in advance</p>
  
  <p>Have a good day</p>
  
  <p>HTML section:</p>
  
  <pre><code>&lt;div class="toolGridContainer"&gt;
  &lt;div class="containerTitle"&gt;Container1&lt;/div&gt;
  &lt;div class="containerSeparator"&gt;
      &lt;hr&gt;
  &lt;/div&gt;
  &lt;li id="./images/Image1.svg" class="toolItem ui-draggable ui-draggable-handle"&gt;Item 1&lt;/li&gt;
  &lt;li id="./images/Image2.svg" class="toolItem ui-draggable ui-draggable-handle"&gt;Item 2&lt;/li&gt;
  &lt;li id="./images/Image3.svg" class="toolItem ui-draggable ui-draggable-handle"&gt;Item 3&lt;/li&gt;
  &lt;li id="./images/Image4.svg" class="toolItem ui-draggable ui-draggable-handle"&gt;Item 4&lt;/li&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).on('dragstart', '.toolItem', function(evt){
  
      var imgObj = document.createElement('img');
      imgObj.src = $(this).prop('id');
      evt.originalEvent.dataTransfer.setDragImage(imgObj, 0, 0);
  });
  </code></pre>
  
  <p>Edit 1:
  Here is the <a href="https://jsfiddle.net/Jecs9/pzwx8563/39/" rel="nofollow noreferrer">JSFiddle</a> I made to reproduce my issue</p>
  
  <p>Edit 2:
  I have made a test div, manually made it draggable and a test function to see if setDragImage is available in other events and this function works fine, why is it?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li id="testItem" draggable="true" class="toolItem"&gt;TestItem&lt;/li&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>var testFunction = function(evt){
      console.log('testFunction running');
      var dataTransfer = evt.dataTransfer;
      var imgObj = document.createElement('img');
      imgObj.src = './image.svg';
  
      dataTransfer.setDragImage(imgObj, 0, 0);        
  }
  
  var testElement = document.getElementById('testItem');
  testElement.ondragstart = testFunction;
  </code></pre>