JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<div class="wrapper">
<div id="box1" class="box"></div>
<div id="box2" class="box"></div>
<div id="box3" class="box"></div>
<div id="box4" class="box"></div>
</div>
<div id="result"></div>
<input type="button" id="sub" value="jQuery.sub()">

CSS

.wrapper {
    margin-top: 10px;
    margin-left: 10px;
}

.box {
    margin-top: 10px;
    width: 100px;
    height: 50px;
}

#box1 {
    background: #aa0050;
}

#box2 {
    background: #cc0070;
}

#box3 {
    background: #ee0090;
}

#box4 {
    background: #ff00b0;
}

JavaScript

jQuery('.wrapper').sortable({
    axis: "y"
});

jQuery('.wrapper').on('sortupdate', function() {
    $('#result').text('sortupdate');
});

$('#sub').click(function() {
    $('#result').text('jQuery.sub()');
    var foo = jQuery.sub();
});