Drag and drop/ dropping elements issue
<p>Hello i am developing a shopping cart and i would like to send values to each of my fields in the basket. I have the example here: <a href="http://jsfiddle.net/ckSPG/1/" rel="nofollow">http://jsfiddle.net/ckSPG/1/</a></p>

<p>I would like the data to be organized:-? </p>

<pre><code>$(function() {
        $(".draggable").draggable({
                revert: true
        });
        $("#droppable").droppable({
                over: function() {
                       $(this).css('backgroundColor', '#cedae3');
                },
                out: function() {
                        $(this).css('backgroundColor', '#CDAF95');
                },
                drop: function(e, ui) {
                      var p = $("#name").text();;
                      var name = $(ui.draggable).text();
                      //var price = $(ui.draggable).text();

                      addlist(name);
                }
        });
});

function addlist(name)
{
  $("#droppable").append(name);
}
</code></pre>
