JQuery UI [Sortable]: Help with input textbox in LI

Issue:  Input box is locked when I enable the sortable.


Here is my doc ready:

    //  handle drag sort for pareto SORT
    $('#jqParetoEditList').sortable({
        cancel: ".fixed",
        delay: 100,
        //connectWith: "",
        stop: function (event, ui) {
            p.HandleSortPareto(ui, ui.item)  // note this just handles the change in order
        },
        start: function (event, ui) {
        }
    });



Here is my li build:

                t += "<li data-id='" + d.ItemID + "' class='jqSortParLI'>" +
                       "<div><img src='/img/site/hb_16x16.png' class='jqSortParHand' /></div>" +
                       "<div><input id='ParITEMX_" + d.ItemID + "' class='parINP' type='text'  maxlength='120'/></div>";
                var a = (d.IsActive ==1) ?" checked" : "";
                t+=       "<div><input type='checkbox' " + a + "/></div>" +
                    "</li>";

The container UL is:  #jqParetoEditList



Any help would be awesome.

Note: The sort works just fine it's trying to edit the text in the input boxes that is locked.

thanks in advance.

sk