使用ajax加载页面，新加载的页面如何才能不影响原有页面

Question

A,B两页面
A页面加载B页面

  $("#propertiesframe").load("jsp/paragraph.jsp",{

            }, function (response) {
                $(response).find("[id]").each(function () {
                    // $(this).attr("id",  "properties-" + $(this).attr("id"));
                })
            });

A页面有个Id为paragraph的按钮
B页面有个id为paragraph的div
B页面加载完毕执行js脚本

  $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

，影响到A页面的按钮

Answer 1

初步觉得A页面应该把

   $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

这里的jquery选择器里，加上个父标签变成

 $( "#propertiesframe  #paragraph" ).accordion({
        heightStyle: "content"
    });

但是怎么替换，B页面的js脚本又不一定写在html页面而是引用别的js，大神有啥看法，谢谢了