可以jQuery .load追加而不是替换？

我有一个wordpress安装,我试图使用jQuery创建一个更多的负载.我使用页面片段的基本.load功能有一些麻烦.我不介意使用.get,因为我在这里看到一些线索作为一个更好的解决方案.

这是我的网页网址结构和内容：

第一页：http://example.com/page/1/

HTML：

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

第二页：http://example.com/page/2/

HTML：

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

我在页面底部有一个链接,我已经尝试执行以下操作：

jQuery(#articles).load('http://example.com/page/2/ #articles');

可悲的是,有两个问题.首先,.load函数从第二页抓取#articles div及其内容,并将其放入现有的#articles div中.这意味着即使这样工作,每次点击都会导致div内的递归div.这只是凌乱

有人可以帮我用命令来简单地将第二页的.story类附加到第一页的#articles div上我可以通过变量,循环和Word for Word自动化来实现物流.只需要一些正确的jQuery脚本的补充.

附：奖金问题：如果有人知道jQuery .load / .get是否会影响浏览量,这对于那些基于广告的收入来说很重要,请让我知道！如果每个.load / .get是Google Analytics(分析)的另一个命中,我们是好的！

谢谢！

$.get('/page/2/',function(data){ 
  $(data).find("#articles .story").appendTo("#articles");
});