dragable div outside iframe in asp.net

See more:

Javascript

jQuery

HTML5

I have created a div mydiv which is dragable and it is placed inside abc.ascx page and this abc.ascx page is displayed in some other pqr.aspx page(parent page) using iframe.

I am able to drag mydiv only within abc.ascx but i want to drag mydiv in full window.

i have tried somthing like this but it is not working.

$("#mydiv").each(function () {
     $(this).draggable({
         containment: $(this).parent().parent()
     });
 });

the div is not dragable outside iframe.