JSFiddle - React, Tailwind, and code Playground

HTML

<div id='drag'></div>

CSS

#drag {
background:#f00;
width:100px;
height:100px;    
}

JavaScript

$.fn.makeDraggable = function(){
        $(this).attr('draggable','true');
        $(this).bind('dragstart', function(e){
          e.props.push('dataTransfer');
          e.originalEvent.dataTransfer.effectAllowed = 'move';
          e.originalEvent.dataTransfer.setData('text/html', 'test');
          console.log('dragstart');
        }, false);
      }