Неверно определяет движение курсора

Скрипт ловит движение курсора при зажатой ЛКМ вверх и вниз, но не каждый раз корректно. Пару движений видит корректно, следующие определяет неверно (мышь идет вниз - скрипт показывает что вверх, и так они чередуются рандомно, на сколько я заметил), а первый клик вообще игнорирует. Не могу понять почему

var pageY = 0;
var $debugContainer;
    $(function () {
    $debugContainer = $('#debug');
        $('.nizina').mousedown(function (event) {
            $(this).on('mousemove', function (e) {
                if (pageY) {
                    if (event.pageY > pageY) {
                        $debugContainer.html('Мышка движется вниз');
                        console.log('Мышка движется вниз');
                    } else if (event.pageY < pageY) {
                        $debugContainer.html('Мышка движется вверх');
                        console.log('Мышка движется вверх');
                    }
                }
                pageY = event.pageY;
            });
        });
    });
    $('.nizina').on('mouseup mouseout', function (e) {
    $(this).off('mousemove');
    });

(изменил код на более подходящий для дебага) Пример тут: https://jsfiddle.net/mrvo5896/3/