Custom curser med draw line effect

var cross = (function() {
    var cursorX = $('<div>').attr({'class': 'cursorX'}),
    cursorY = $('<div>').attr({'class': 'cursorY'}),
    isVisible = {
        'x': false,
        'y': false
    };

    function getX() {
        if (!isVisible.x) {
            $(document.body).append(cursorX);
            visibleX = true;
        }
        return cursorX;
    }

    function getY() {
        if (!isVisible.y) {
            $(document.body).append(cursorY);
            visibleY = true;
        }
        return cursorY;
    }

    return {
        'move': function(e) {
            var x = getX();
            x.css({
                top: e.pageY,
                left: 0
                });
            var y = getY();
            y.css({
                top: 0,
                left: e.pageX
                });
        }
    }
})();

$(document).ready(function() {
    $(document).mousemove(function(e) {
        cross.move(e);
    });
});

var cross = (function() {
    var cursorX = $('<div>').attr({'class': 'cursorX'}),
    cursorY = $('<div>').attr({'class': 'cursorY'}),
    isVisible = {
        'x': false,
        'y': false
    };

    function getX() {
        if (!isVisible.x) {
            $(document.body).append(cursorX);
            isVisible.x = true;
        }
        return cursorX;
    }

    function getY() {
        if (!isVisible.y) {
            $(document.body).append(cursorY);
            isVisible.y = true;
        }
        return cursorY;
    }

    return {
        'move': function(e) {
            var x = getX();
            x.css({
                top: e.pageY,
                left: 0
                });
            var y = getY();
            y.css({
                top: 0,
                left: e.pageX
                });
        }
    }
})();

$(document).ready(function() {
    $(document).mousemove(function(e) {
        cross.move(e);
    });
});