html页面打开时自动执行JS代码,jquery ajax加载页面中的js代码如何执行？

index.js

$(function(){

$("#btn").on("click",function(){

$.ajax({

url: 'page.html',

type: 'post',

success: function (responseText) {

$('#div1').html(responseText);

}

});

});

$("#test").on("click",function(){

alert('hello world!');

});

});

demo.html

page.html

请问：

当demo页面加载page页面后，html代码就会被加载到div1容器里面，之间加载的index.js对于新内容不起作用，点击执行按钮是无效的。

请问如何让加载的页面中javascript代码能够执行？

实践场景：页面依赖第三方表单验证(通过class属性定义验证规则)，动态新添加了表单元素，可是新表单元素的验证规则不起作用。