Перетаскивание HTML5 не будет опускаться

Играю с перетаскиванием, и хотя кажется, что я могу нормально перетаскивать, я не могу упасть.

Вот моя детская площадка: http://jsfiddle.net/KZ8RD/1/

По сути, события dragstartи dragendна перетаскиваемом узле, кажется, срабатывают нормально. Но мне еще предстоит вызвать какое-либо событие на этих целевых узлах.

# Source handlers
$('#source')
 .on('dragstart', (e) -> log '#source dragstart', this, e)
 .on('dragend',   (e) -> log '#source dragend',   this, e)

# Target Handlers
$('#cells td')
 .on('dragenter', (e) -> log 'target dragenter',  this, e)
 .on('dragleave', (e) -> log 'target dragleave',  this, e)
 .on('dragover',  (e) -> log 'target dragover',   this, e)
 .on('drop',      (e) -> log 'target drop',       this, e)​​​

Итак, какие условия должны существовать, чтобы события dragenterи dropцели сработали? Мне явно не хватает некоторых из них.