JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<div id="container" class="list">
    <div class="item">Item 1</div>
    <div class="item special">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
</div>
--
<div id="container2" class="list">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
</div>

CSS

.item
{
    background: #eeeeee;
    
    cursor: hand; 
    cursor: pointer;
}

JavaScript

$('#container, #container2').sortable({
    items: '.item',
    connectWith: '.list',
    remove: function(event, ui) {
        console.log('removed');
    }
});
$('#container, #container2').disableSelection();

$('#container .item.special').trigger('remove');