关于window.opener.document.body).children("div1")与clone,该怎么处理

关于window.opener.document.body).children("#div1")与clone
1.html
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
 function th() {
  window.open("2.html", "退货", "with=700px,height=530px,top=0");
  }


</script>
<div id="div1"></div>
<input type="button" value="click me" onclick="th()" />

2.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#fz").click(function() {
var $aa=$("#di").clone(true);//.appendTo($("#di2")); 
alert($aa);
$(window.opener.document.body).children("#div1").append($aa); 




  });
});

</script>
<div id="di">asdfadsfa</div>
<input id="fz" type="button" value="clone" onclick="cl()" />

我主要想将open的页面所克隆的东西父级能够接收并显示出来。但是似乎
$(window.opener.document.body).children("#div1").append("dfasdfa");就可以，
以上这句$(window.opener.document.body).children("#div1").append($aa); 就不行了。
要是有其他方法，不妨告诉小弟。谢谢。

------解决方案--------------------

JScript code

$(window.opener.document.body).children("#div1").append($("#di").html());