[Wreck-It-Ralph]

Объясню поподробнее в чем проблема. Есть два текста, состоящих из нескольких строк. Нужно каким-то образом по клику совместить их в один таким образом, чтобы строки разных текстов чередовались.

Пробовал простым перемещением, но выходило, что полный текст вставлялся после каждой строки.

<div>
  <button id="two">2</button>
  <button id="one">1</button>
</div>

<div class="text">
  <div class="first">А</div>
  <div class="first">Б</div>
  <div class="first">В</div>
  <div class="first">Г</div>
</div>

<div class="text_2">
  <div class="second">1</div>
  <div class="second">2</div>
  <div class="second">3</div>
  <div class="second">4</div>
</div>

$(function(){
  $('#one').click(function() {
    $('.second').appendTo($('.first'));
  });
});

Желаемый результат:

А
1
Б
2
В
3
Г
4

Есть у кого идеи? Может вообще есть другой путь решения проблемы? Заранее спасибо!