I am using the jQuery UI Draggable widget. Inside the 'create' event, i am setting the offsetTop and offsetLeft properties to some custom value, but these values are not being set and the element's position remains the same. Can someone suggest any way to do the same.

I am posting my code:

2. $(".myStyle").draggable({
3.             grid: [198, 118],
4.             containment: "#containment-wrapper",
5.             cursor: "move",
6.             refreshPositions: true,
7.             create: elementCreated
8.         });
9. 
   
10. 
    
12. function elementCreated(event, ui) {
13.         debugger;
14.         var divID = event.target.id;
15. 
    
16.         var mydiv = $("#" + divID);
17. 
    
18.         var top = $(mydiv).data('top');
19.         var left = $(mydiv).data('left');
20. 
    
21.         mydiv.offsetTop = top;
22.         mydiv.offsetLeft = left;
23.     }