[DrewSherwood]

Не могу понять, как сделать следующее: нужно поменять содержимое двух контейнеров между собой, чтобы получилось из 1 2 3 4 → 2 1 4 3. Буду благодарен помощи

<div class="start" id="firstID">
  <p>One</p>
</div>
<div class="end" id="firstID">
  <p>Two</p>
</div>
<div class="start" id="secondID">
  <p>Three</p>
</div>
<div class="end" id="secondID">
  <p>Four</p>
</div>

Когда пишу скрипт, то получается поменять между собой только первые два элемента:

var start = $('.start').html();
var end = $('.end').html();
$('.start').html(end);
$('.end').html(start);