JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul id="plan">
        <li class="item">1</li>
        <li class="item">2</li>
        <li class="item">3</li>
        <li class="item">4</li>
    </ul>
</div>
<div id="message"></div>

JavaScript

var sortupdate = function (event, ui) {
    $("#message").html("<b>item</b>: " + ui.item.html());
};

var $plan = $("#plan");
$plan.sortable({
    update: sortupdate
});
$plan.on("sortupdate", sortupdate);

var $item = $("#plan li:eq(1)");
$item.insertAfter($("#plan li:eq(2)"));
$plan.trigger("sortupdate", { item : $item });