title: jquery draggable +sortable with custom html on drop event?
body: <p>Change html when drop element in droppable area.</p>
  
  <p>Something like this: <a href="http://the-stickman.com/files/jquery/draggable-sortable.html" rel="nofollow noreferrer">http://the-stickman.com/files/jquery/draggable-sortable.html</a></p>
  
  <p>But when I drop element change placed html.</p>
  
  <p>Other Example: I have 2 lists first draggable list and second droppable list, when i drag element from a first list and i drop this element into a second list, the element will be cloned to the second list </p>
  
  <p>dragging: </p>
  
  <pre><code>&lt;a href="#"&gt;test&lt;/a&gt;
  </code></pre>
  
  <p>drop:</p>
  
  <pre><code>&lt;a href="#"&gt;test&lt;/a&gt;
  </code></pre>
  
  <p>i want to change this html to </p>
  
  <p>dragging: </p>
  
  <pre><code>&lt;a href="#"&gt;test&lt;/a&gt;
  </code></pre>
  
  <p>drop:</p>
  
  <pre><code>&lt;div class="toggle"&gt;&lt;a href="#"&gt;test&lt;/a&gt;&lt;/div&gt;
  </code></pre>