Javascript 如何通过Jquery在div标记的顶部添加一些内容？

我有这样一个div标签：

<div id="movies">

   <p id="p1">Hi my friend....</p>
   <p id="p2">this is the best...</p> 

</div>

你好，我的朋友

这是最好的…

我写了一个脚本，它调用一个方法，得到一些数据（Json）格式，然后将这些数据按id=movie添加到div tag中，我的新数据按id=p2添加到p tag下面，但我希望它按id=p1将数据添加到p tag上面，我怎么做？ 我的剧本：

     function () {
                    var objects = [];
                    $.ajax({
                    type: "POST",
                    url: "./WebForm1.aspx/GetUnCheckNotification",
                    data: {},
                    async: false,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success:
                    function (response) {
                                var htm = [];
                                for (var i = 0; i < response.d.length; i++) {

                                        htm.push("" + response.d[i].TITLE + "" + response.d[i].DESC + "");


                                    };
                                    $("#movies").append(htm.join('<div></div><br/>'));
                                },

                        });


                    };

函数（）{
var对象=[]；
$.ajax({
类型：“POST”，
url:“./WebForm1.aspx/GetUnCheckNotification”，
数据：{}，
async:false，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：
功能（响应）{
var htm=[]；
对于（变量i=0；i'）；
},
});
};

$（“#电影”）.prepend（htm.join（“
”）；

或

$（“#电影#p1”）。之前（htm.join（“
”）；

$（“#电影p:first”）.before（htm.join（“
”）这会更好。然而，第一条路是要走的。
$("#movies").prepend(htm.join('<div></div><br/>'));

$("#movies #p1").before(htm.join('<div></div><br/>'));