请教就jQuery中在当前HTML页面中用load方法载入另一个HTML页面的问题

test1.html
....
                            <div id="loadblog">
                            </div>
                            <div class="loadblogitem" id="loadblogitemid">
                            </div>
                            <div class="testload" id="testloadid">
                            </div>
....

test2.html
......
    <div class="pagelist" id="pagelistid">
        <ul>
           <li class="page page-8"><a href="http://xyz.net/xyz_blog/led-light.html">LED以及其发光原理</a></li>
            <li class="page page-5"><a href="http://xyz.net/xyz_blog/mt-installation.html">MT Installation</a></li>
            <li class="page page-6"><a href="http://xyz.net/xyz_blog/movable-type-issues.html">Movable Type 4.0安装注意事项</a></li>
        </ul>
    </div>
......

我希望完成如下工作：
1。将test2.html中div pagelist的内容筛选出来；
2。并对筛选出来的内容进行处理；
3。处理后插入在test1.html中的div loadblogitem中；

问题是我无法得到上面的效果？请教高手指点，如何才能实现？

我的JavaScript代码如下：

$(document).ready(function(){
        $('#loadblogitemid').load("index.html #pagelistid",function(){
            var $clonedCopy = $('div.pagelist li:eq(0)').clone();
            $clonedCopy
                .addclass('pulled')
                .find('apan.drop')
                    .html('…')
                .end()
                .prependto('div.loadblog')
                .warp('<div class="copyed blog"></div>');
            var clonedText = $clonedCopy.text();
            $clonedCopy.html(clonedText);

        });
});

补充：test2.html文件是后台系统自动生成的HTML页面。

新手来提问!
这段程序中
.prependto('div.loadblog') 能匹配到test1中相应的div去吗?
loadblog是id,不是应该用#loadblog去的吗?