Перетаскивайте на div работу в Chrome, но перенаправьте в Internet Explorer

Question

Я слушаю события падения на элементе div. События запускаются в Chrome (v36.0.1985), Firefox (v30), но не в IE (v10.0.9200). Я создал простой JSFiddle для иллюстрации проблемы.

Работает:

1.) Откройте YouTube в Chrome

2.) Откройте http://jsfiddle.net/AXw6f/17/ в Chrome

3.) Перетащите миниатюру видео с YouTube на "DropZone", и появится предупреждение.

Сбой:

Повторите вышеуказанное, но используйте IE 10 или 11. Вместо предупреждения на шаге 3 он просто перенаправляет страницу.

ПРИМЕЧАНИЕ. Я нашел пример, в котором IE распознает перетаскивание по адресу http://jsfiddle.net/Ctnpe/ но оно переходит на холст. Когда я заменяю холст div, он возвращается к перенаправлению.

Я пробовал различные комбинации warnDefault, stopPropogation и return false, но безуспешно:

$("#DropZone").on("dragleave", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$("#DropZone").on("dragenter", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$("#DropZone").on("dragover", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$('#DropZone').on('drop', function () {
    alert('test');
    event.preventDefault();
    event.stopPropagation();
    return false;
});

Любая помощь с благодарностью. Спасибо!