title: Delete a dragable section for sortable in JQUERY
body: <p>I want to delete a draggable section of the item element.</p>
  <p>Here is the code for JS</p>
  <pre><code>  $( function() {
      $( &quot;#sortable&quot; ).sortable();
      $( &quot;#sortable&quot; ).disableSelection();
    } );
    
    $('.addrow').click(function(){
    $( &quot;#sortable&quot; ).append( &quot;&lt;li class=\&quot;ui-state-default\&quot;&gt;&lt;span class=\&quot;ui-icon ui-icon-arrowthick-2-n-s\&quot;&gt;&lt;/span&gt;Item NEW&lt;/li&gt;&quot; );
  
    });
  </code></pre>
  <p>html:</p>
  <pre><code>&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://code.jquery.com/ui/1.12.0/jquery-ui.min.js&quot; integrity=&quot;sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  
  &lt;div class=&quot;addrow&quot;&gt;Add new row&lt;/div&gt;
  
  &lt;ul id=&quot;sortable&quot;&gt;
    &lt;li class=&quot;ui-state-default&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-arrowthick-2-n-s&quot;&gt;&lt;/span&gt;Item 1&lt;/li&gt;
    &lt;li class=&quot;ui-state-default&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-arrowthick-2-n-s&quot;&gt;&lt;/span&gt;Item 2&lt;/li&gt;
    &lt;li class=&quot;ui-state-default&quot;&gt;&lt;span class=&quot;ui-icon ui-icon-arrowthick-2-n-s&quot;&gt;&lt;/span&gt;Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>Please advise on how to delete a draggable element</p>