title: ondragstart not triggering in firefox
body: <p>Hello I'm trying to use the html drag and drop feature with jquery. I generate my draggable (a button) like this</p>
  
  <pre><code>$("#tb &gt; tbody &gt; tr").append(($("&lt;td&gt;")).append($("&lt;input/&gt;", {type:"button", id:"bt", draggable:"true", value:"test", class:"bt-test"}))).append($("&lt;/td&gt;"));
  </code></pre>
  
  <p>So far, and after reading a bit on the subject, I'm trying to deal with the different events like this : </p>
  
  <pre><code>$(document).on("dragstart", ".bt-test", function(evt)
  {
      evt.originalEvent.dataTransfer.setData("text", $(this).val());
      alert(evt.originalEvent.dataTransfer.getData("text"));
      evt.originalEvent.preventDefault();
  });
  $(document).on('dragenter', function(evt){evt.originalEvent.preventDefault();});
  $(document).on('dragleave', function(evt){evt.originalEvent.preventDefault();});
  $(document).on('dragover', function(evt){evt.originalEvent.preventDefault();});
  
  
  // still irrelevant at this point
  $(document).on("drop", ".btCase", function(evt)
  {
      var data = evt.originalEvent.dataTransfer.getData("text");
      $(this).val(data);
      event.originalEvent.preventDefault();
  });
  </code></pre>
  
  <p>The alert within the dragstart listener shows up just fine on chrome but it doesn't on firefox.</p>
  
  <p>I already tried adding an <code>ondragstart="dragstart_handler(event);"</code> directly into my button as mentionned in <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API</a> but the problem remains. I also tried replacing the <code>event.originalEvent.preventDefault();</code> with <code>return false();</code></p>
  
  <p>Any tips?</p>
  
  <p>edit : fiddle > <a href="http://jsfiddle.net/Nn4x2/4/" rel="nofollow noreferrer">http://jsfiddle.net/Nn4x2/4/</a></p>