如何将div的文本顺序移入其他div？

Question

这是排列混乱字母以正确拼写的一种练习。所有div是动态创建的。 QuestionDiv有八个子div，它们具有共同的类字母，其中包含作为字母的文本；并且answerDiv也有八个带有通用类名称框的空子div。第一次单击字母div时，文本将显示在第一个框div中。我希望在随后的单击中，字母div的文本应出现在第二个框中，然后出现在第三个框中，依此类推。我该如何实现？我将非常感谢您。

$(document).on('click', '.letter', function() {
    $('#answerDiv > div:eq(0)').html($(this).text());
    $(this).html('');
});