jquery - 入力したテキストをテキストエリア内の個々の div として表示する方法

Question

複数の div を追加し、そこに 1 つのテキストエリアを追加すると、テキストエリアにテキストを入力すると、テキストに個々の div が表示されます。

1 つの div に「demo」show demo と入力すると、別のテキストが「Example」show second div のようにテキストエリアに入力されます。

HTML

<textarea class="speechttxt" rows="3" cols="4" style="height: 75px;width: 267px; background: inherit; border: 1px solid #999; white-space: pre-wrap; resize: none; margin-bottom: 6px; padding-right: 0;"></textarea>

Javascript

var speech = '<div id="speechID" class="SpeechBubble"><div  class="txtspeech" id="lbl' + (c++) + '"></div></div>';
$('#video_container').append(speech);
$('.speechttxt').keyup(function () {
  var txt = $(this).val();
  $('.txtspeech').html(txt);
});

動作していますが、2 番目の div を追加すると、テキストが textarea に入力され、2 番目の div に表示されます。