jquery 按钮 和 JS不在同一个文档 on绑定无效

jquery 按钮 和 JS不在同一个文档 on绑定无效,怎么弄？

什么关系？iframe那不是获取iframe里面的window作用域再绑定，直接查找父页是找不到iframe里面的元素的，而且要放在iframe的onload事件中进行绑定

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<iframe onload="$(this.contentWindow.document).on('click','div',function(){alert(this.innerHTML)})" src="1.html"></iframe>

1.html

<script>
    setTimeout(function () {
        document.body.innerHTML += '<div>1</div><div>2</div><div>3</div>';
    }, 3000)

</script>

iframe和父页，window.open打开页面之间的引用

$("#deliveredInformation").load("./deliveredInformation.php",{accountId:accountId});
jQuery.ajax({
url: "deliveredInformation.js",
dataType: "script",
})

按钮在deliveredInformation.php 和 JS在deliveredInformation.js

按钮事件无效