title: Kendo UI how to get the id of elements during drop event?
body: <p>I have the following HTML and would like to get the DOM elements for the elements involved in the drag and drop event. Also, if you could tell me how i might be able to figure this out using debugger, that would be even better!</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div class="dragArea" id="choice1"&gt;proud&lt;/div&gt;
  &lt;div class="dragArea" id="choice2"&gt;strong&lt;/div&gt;
  &lt;div class="dragArea" id="choice3"&gt;merry&lt;/div&gt;
  &lt;div class="dragArea" id="choice4"&gt;friendly&lt;/div&gt;
  &lt;div class="dropArea k-header" id="gap1"&gt;Drop here&lt;/div&gt;
  &lt;div class="dropArea k-header" id="gap2"&gt;Drop here&lt;/div&gt;
  &lt;div class="dropArea k-header" id="gap3"&gt;Drop here&lt;/div&gt;
  &lt;div class="dropArea k-header" id="gap4"&gt;Drop here&lt;/div&gt;
   &lt;script&gt;         
       $(".dragArea").kendoDraggable({
           group: "choicesGroup",
           hint: function (element) {
               return element.clone();
           }
       });
       $(".dropArea").kendoDropTarget({ group: "choicesGroup", drop: onDrop });
  
       function onDrop(e) {
           // How do i get the id of the elements involved in the drag and drop event?
  
       }
      &lt;/script&gt;
  </code></pre>