如何实现页面之间的拖拽？

<frameset  ID="main" cols="210,*" rows="*" frameborder="NO" border="0" framespacing="0">
    <frame id='treeFrame' src="/workflow/wfmodel/tree/valid_itemTree.jsp" name="treeFrame" frameborder="no" noResize="true">
    <frame id='actionFrame' name="actionFrame"  src="/workflow/wfmodel/tree/valid_itemEdit.jsp" noResize="true">
</frameset>

现在有两个jsp，加载到一个frameset中，其中第一个是一棵树，另一个是配置页面，我想实现页面之间的拖拽，

即：将valid_itemTree.jsp中的某个图片拖拽到valid_itemEdit.jsp页面中，请问该如何实现？

valid_itemTree.jsp：

    jQuery(".nav").draggable({
        helper: 'clone',
        opacity: 0.55,
        start:function(e, ui){
            elem = e.srcElement || e.target;
        }
    });

在一个页面中的拖拽是可以的