Coding jquery ui drag and drop effect on box object|jquery drag and drop effect|draggable |droppable

Coding jquery ui drag and drop effect on box object|jquery drag and drop effect|draggable |droppable
Draggable effect allows to drag objects anywhere on web page.
Drop effect allows to put/drop objects into another container or object,
In this video box object is draggable as well as droppable into another box container.
jquery ui includes various animated effects such as
explode,drag,resize,hide,bounce,clip,drop,easing,fade,fold,hide,scale,size,puff,slide,shake.
all these effects can be applied to various objects such as boxes and images.
================================================================
The framework used for programming:
Jquery foundation
Jquery mobile
Jquery Ui

================================
Music in this video:
youtube audio library
by Eveningland Music
================================ ============================================================
Jquery UI CDN links:
============================================================