How we can clone html any element with drag then drop it in another column (only in that column not outside from it)

I am doing work on DnD htlm5 . someone suggest me use jquery-ui because there have lot of stuff already implemented . I am able to drag and drop any html element only in one column right now , but I want clone any html element from one column to another column , In previous column cloning element will stay, that I want. That is shown in following example please see :

http://jsbin.com/aseqid/10/edit

I this example "test" div cloning and dropping anywhere , but I want drop it only in "drop" column , in this column we can drop anywhere . After dropping I want also rezise it , change there positions , save there properties like size, width, height in file or DB . So please anyone help me for that .