Understanding jQuery draggable
<pre><code>$(".item").draggable({
    revert: true            
});
$("#cart_items").draggable({
    axis: "x"
});

$("#cart_items").droppable({


    drop: function(event, ui) {
        var item = ui.draggable.html();
            console.log(item);

        var html = '&lt;div class="item icart"&gt;';
        html = html + '&lt;div class="divrm"&gt;';
        html = html + '&lt;a onclick="remove(this)" class="remove"&gt;&amp;times;&lt;/a&gt;';
        html = html + '&lt;div/&gt;'+item+'&lt;/div&gt;';
        $("#cart_items").append(html);+ 
</code></pre>

<p>I understand that with <code>var html</code> I am creating all html and appending it to the DOM, but why I need this? <code>var item = ui.draggable.html();</code> What does <code>ui.draggable</code> stands for? </p>
