omo dice el título, estoy tratando de hacer que un div sea arrastrable sin usar jQuery UI.

Sin embargo, estoy atrapado con el siguiente código. Entiendo que usaré la posición del mouse con respecto al contenedor div (en el que se arrastrará el div) y que estableceré el desplazamiento de divs en relación con esos valores.

Simplemente no puedo entender cómo. ¿Alguna pista para mí?

Este código no funciona (por supuesto):

var X, Y;

$(this).mousedown(function() {
    $(this).offset({ 
        left: X, 
        top: Y
    });
});

$("#containerDiv").mousemove(function(event) {
    X = event.pageX;
    Y = event.pageY;
});