SORTABLE - CONTSTRAINTS

http://stackoverflow.com/questions/7345259/using-helper-original-with-sortable-and-draggable-doesnt-appear-to-work

by bizamajig

HTML

<div id="dropTarget" style="width: 100px; min-height: 50px; background-color: Red;">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
    <div>Item 4</div>
    <div>Item 5</div>
</div>
<div id="itemlist">
    <div>Item 6</div>
    <div>Item 7</div>
    <div>Item 8</div>
    <div>Item 9</div>
    <div>Item 10</div>
</div>

JavaScript

$(function () {
  $("#dropTarget").sortable({
      revert: true,
      receive: function(ev, ui){
          ui.item.remove();
      }
  });
  $("#itemlist div").draggable({
      connectToSortable: "#dropTarget",
      helper: function(ev, ui){
        return "<div>"+$(this).text()+"</div>";
      }
  });
});