jQuery сортируемый: изменение курсора на mousedown и вверх

У меня есть стандартный сортируемый список jQuery, который отлично работает, но теперь я пытаюсь сменить курсор на закрытую руку на событие mousedown.

Первая попытка перетаскивания приводит только к тому, что курсор меняется на "закрыто" - элемент не перетаскивается. Последующие перетаскивания отлично работают: элемент перетаскивает и курсор меняется на закрытую руку и обратно, чтобы открыть руку onmouseup.

Если я нажимаю мышь один раз перед попыткой перетаскивания, все работает: перетаскивание и изменение курсора

  li:hover { 
    cursor: -moz-grab;
    cursor: url(http://www.google.com/intl/en_ALL/mapfiles/openhand.cur);  
  }

  .grabbed:hover { 
    cursor: -moz-grabbing;
    cursor: url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur); 
  }
 .grabbed{ 
    cursor: url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur); 
  }      

 //---

    <ol class="sortable">
        <li>grab 0 hereI'm 0!</li>
        <li>grab 1 hereI'm 1!</li>
        <li>grab 2 hereI'm 2!</li>
    </ol>     

  //---


    $('.sortable').sortable();
    $('.sortable').disableSelection();


    $('.sortable').sortable({
        placeholder: "ui-state-highlight",
    });
    $('.sortable').disableSelection();


    $('.sortable').on("mousedown", "li", function(){
        $(this).addClass('grabbed');
        console.log("MOUSE DOWN");
    });

    $('.sortable').on("mouseup", "li",function(){
         $(this).removeClass('grabbed');
         console.log("MOUSE UP");
     });