JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="foobar">
    	<li id="sort_1">Coconut Oil</li>
    	<li id="sort_2">Hempseed</li>
    </ul>

<button id="click">Click</button>

<p id="data"></p>

JavaScript

$("#foobar").sortable()

$("#click").click(function(){
    var data = $("#foobar").sortable("serialize")
    $("#data").html(data)
})