title: jQuery UI: Sortable: Placeholder clone of item being sorted
body: <p>I have a list that I want to make sortable. I've done this by using jQuery UI Sortable. What I want to do is use a custom placeholder for the position the list item can be dropped. What I can't figure out is how to make a placeholder that is a clone of the item being sorted. Instead of an empty placeholder, I would like to show a clone of the item being sorted so you get a kind of a 'preview' so to speak.</p>
  
  <p>In short, ui.item[0].outerHTML is what I want to use as a custom placeholder, I just can't seem to get this. </p>
  
  <pre><code>  &lt;script&gt;
    $(function() {
      $( "#menu" ).sortable({
          start: function(event,ui) {
              console.log(ui.item[0].outerHTML);
          },
          placeholder: {
              element: function(event,ui) {
                  console.log(ui.item[0].outerHTML);
              }
          }
      });
      $( "#menu" ).disableSelection();
    });
    &lt;/script&gt;
  </code></pre>
  
  <p>The above is what I have now, but that doesn't work obviously. Is there an easy way to get this done with only sortable?</p>