O jQuery .load pode anexar em vez de substituir?

Eu tenho uma instalação do WordPress e estou tentando usar o jQuery para criar um efeito Carregar mais. Estou tendo problemas para usar o recurso .load básico para fragmentos de página. Não me importo de usar .get, pois vi alguns tópicos aqui sobre isso como uma solução melhor.

Aqui está a estrutura do URL da minha página e o conteúdo:

Primeira página:http://example.com/page/1/

O 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>

Segunda Página:http://example.com/page/2/

O 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>

Eu tenho um link na parte inferior da página e tentei fazer o seguinte:

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

Infelizmente, existem 2 questões. Primeiro, a função .load agarra o#articles div e seu conteúdo da segunda página e coloca-o no diretório existente#articles div. Isso significa que, mesmo que isso funcionasse, haveria divs recursivas dentro de divs resultantes de cada clique. É apenas bagunçado.

Alguém poderia me ajudar com o comando para simplesmente acrescentar o.story classes da segunda página para o#articles div na primeira página? Eu posso descobrir a logística de automatizá-lo com variáveis, loops e PHP para WordPress depois. Só preciso de ajuda com o script jQuery adequado.

P.S. Pergunta sobre bônus: se alguém souber se o jQuery .load / .get prejudicará as exibições de página, o que é importante para aqueles com receita baseada em publicidade, informe-me! Se cada .load / .get conta como outro hit do Google Analytics, estamos bem!

Obrigado!