jQuery Drag and Drop

jquery.dragAndDrop.js

$.fn.dragAndDrop = function ($to, callback) {
    // 'this' is the element to be dragged.
    var $from = $(this);
    // Make draggable
    $from.attr('draggable', 'true');

    // Enable dragging over '$to'
    $to.on('dragover', function (event) {
        if ($from.has(event.currentTarget)) {
            // Allow drag onto '$to' elements
            event.preventDefault();
        }
    });
    // Handle the drop
    $to.on('drop', function (event) {
        event.preventDefault();
        var $droppedOnto = $(event.currentTarget);
        var $beingDropped = $(event.target);
        
        // Invoke the callback, passing in the elements
        callback($beingDropped, $droppedOnto);
    });
    return this;
};