Можно ли добавить jQuery .load вместо замены?

У меня установлен WordPress, и я пытаюсь использовать jQuery для создания эффекта «Загрузить больше». У меня проблемы с использованием базовой функции .load для фрагментов страницы. Я не возражаю против использования .get, поскольку я видел здесь несколько тем, рассматривающих это как лучшее решение.

Вот ' s структура URL моей страницы и ее содержимое:

Первая страница: 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');

К сожалению, есть 2 проблемы. Сначала функция .load захватывает #articles div и его содержимое со второй страницы и помещает его в существующий div #articles . Это означает, что даже если бы это сработало, в результате каждого щелчка в них были бы рекурсивные div. Это просто беспорядок.

Может ли кто-нибудь помочь мне с командой просто добавить .story classes со второй страницы в #articles div на первой странице? Я могу понять логистику автоматизации с помощью переменных, циклов, и PHP для WordPress после. Просто нужна помощь с правильным сценарием jQuery.

PS Бонусный вопрос: если кто-нибудь знает, повредит ли jQuery .load / .get просмотрам страниц, что важно для тех, кто имеет доход от рекламы, пожалуйста, дайте мне знать! Если каждый .load / .get считается очередным попаданием в Google Analytics, все в порядке!

Спасибо!