SO - 19111255

by Arun P Johny

HTML

<div id="id">
    <div>second div</div>
    <div>third element</div>
</div>

CSS

#id {
    width: 200px;
    height: 200px;
    border: 1px solid black;
}

JavaScript

$(document).ready(function () {
    var $dragging = null;

    $(document.body).on("mousemove", function (e) {
        if ($dragging) {
            $dragging.offset({
                top: e.pageY,
                left: e.pageX
            });
        }
    });

    $('#id').on("mousedown", null, function (e) {
        $dragging = $(this);
    });

    $(document.body).on("mouseup", function (e) {
        $dragging = null;
    });
});