title: Is it possible to use the HTML5 drag-and-drop in dynamically created elements?
body: <p>Edit: I know this looks like a duplicate question, but it's very specific to the HTML5 drag events. I'm not having a problem adding in jQuery events, just the HTML5 drag and drop functionality. </p>
  
  <p>I've used basic jQuery several times to add drag-and-drop functionality to a page, but I'd like to use the new HTML5 drag-and-drop feature for my current project. Drag works great for any element I include in the HTML, but I don't seem to be able to add elements dynamically and have them be draggable. I suspect this is because all the draggable event listeners are bound when the page is loaded, before my new elements are created. Has anyone had any luck using HTML5 to make dynamically added elements draggable? Or is there a way to re-bind event listeners without reloading the page?</p>
  
  <p>Using <code>.bind()</code> with any of the HTML5 drag events doesn't seem to work. i.e, </p>
  
  <pre><code>$(newElement).bind('drag', function(e){
    console.log('do you even drag, bro?');
  });
  </code></pre>
  
  <p>won't ever fire, though <code>.bind()</code> with a click event works fine. I'm guessing this is because "drag" means nothing to jQuery. I am including the <code>draggable="true"</code> HTML tag in the new element, by the way.</p>
  
  <p>So, anyone have success stories for binding the HTML5 drag events to dynamically created elements, or is it not possible? Thanks! </p>