JqueryUI Draggable in Firefox Extension

Question

Hello,

I am building a firefox extension and using JqueryUI in it. In my extension I have certain elements which needs to be dragged and dropped, but I guess Jquery's UI document model is not working for the FF extension. I have been able to reference $ to firefox document with various events like this:

var ff = window._content.document;
$(".move-y",ff).mousemove(function(e){
   $("#hx",ff).css({left:e.pageX}); //this works
   $(".drag-y",ff).draggable(); //this doesn't work
})

Is there some way I can fix it or am I missing something as I am new to Jquery.

Thanks