JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div>
        <a href="#">Drag me</a>
    </div>
</form>

JavaScript

$(document).ready(function() {
    $("a").draggable({
        helper: function() {
            return $("<div/>", {
                id: "mydrag",
                text: "link"
            }).appendTo("body");
        },
        revert: function(socketObj) {
            if (socketObj === false) {
                // Drop was rejected, revert the helper.
                var $helper = $("#mydrag");
                $helper.fadeOut("slow").animate($helper.originalPosition);
                return true;
            } else {
                // Drop was accepted, don't revert.
                return false;
            }
        },
        stop: function(evt, ui) {
            console.log("fin");
        }
    });
});