title: Copying an item rather than moving in the knockout sortable seating chart example
body: <p>This is the seating chart example of knockout sortable: <a href="http://jsfiddle.net/UdXr4/" rel="nofollow noreferrer">http://jsfiddle.net/UdXr4/</a>
  Based on the answers of <a href="https://stackoverflow.com/questions/27966923/knockout-draggable-sortable-mapping-clone-alteration">this</a> and <a href="https://stackoverflow.com/questions/27677534/knockout-sortable-drag-and-drop-from-outside">this</a>, I tried to change the seating chart example such that the items from available students copied rather than moved as in the <a href="http://jsfiddle.net/UdXr4/786/" rel="nofollow noreferrer">jsfiddle here</a></p>
  
  <p>The changes are shown below :</p>
  
  <pre><code>......
  ......
  &lt;div class="seats" data-bind="sortable: { data: students, allowDrop: $root.isTableFull, dragged: handleDraggedItem }"&gt;
  ......
  ......
  &lt;div class="new" data-bind="sortable: availableStudents"&gt;
          &lt;div class="student available" data-bind="text: name"&gt;&lt;/div&gt;
      &lt;/div&gt;
  .......
  .......
  Student.prototype.clone = function() {
      return new Student(this.id,this.name(),this.gender);
  };
  .......
  .......
  this.handleDraggedItem = function(item, event, ui) {
          console.log("handleDraggedItem");
          **return new Student(0,ui.item.text(),'');**
      };
  .......
  .......
  $(".available").draggable({
      connectToSortable: ".seats",
      helper: "clone",
      start: function(event, ui) {
          ko.utils.domData.set(event.target, "ko_dragItem", true);
      }
  });
  </code></pre>
  
  <p>The code that I'm unable to solve is the handledraggeditem [return new Student(0,ui.item.text(),'')]. How can I get the other values (id and gender) except name(this I'm able to get from text) such that I can send them here..</p>
  
  <p>Due to this the $data for the dragged items have 0 as id and '' as gender as below..</p>
  
  <pre><code>{
            "id": 9,
            "name": "Kylie",
            "gender": "female",
            "group": "griffindor"
          },
          {
            "id": 0,
            "name": "Angel",
            "gender": "",
            "group": ""
          }
  </code></pre>
  
  <p>Any help is sincerely appreciated</p>
  
  <p>Thanks</p>