jQuery Maus im div positionieren

Ich versuche, mich ein draggabble plugin für jquery und es sieht wie folgt aus:

(function($){   
$.fn.drag = function(){

    var element = this;

    $(element).mousedown(function(){

        $(window).bind("mousemove",function(e){
            $(element).css({"position" : "absolute"});
            $(window).css({"-webkit-user-select": "none"});

            var pos = $(element).position();


            $(element).css({"left" : e.pageX+"px"});
        });
    });
};
})(jQuery);

aber wenn mousemove() geschehen, die div geht in position, dass der cursor in der oberen linken Ecke. Es funktioniert aber nur von der linken oberen Ecke des div. Also meine Frage ist, wie man code, die css, also, wenn ich drücken Sie die Maus-Taste und beginnen sich zu bewegen Sie den cursor auf dem Bildschirm, die ziehen Sie geschehen nur aus der Stellung genommen. jQuery-UI gemacht, aber ich konnte es nicht finden in Ihrem code. Hoffe Sie verstehen dass. Vielen Dank im Voraus!