将每个div的内容追加到textarea

我有一个在服务器端创建的div列表，每个列表都有价格，数量（由用户输入）和名称。我设法使用jQuery来计算每一个的总数并将它们相加。

我现在想做的是逐行列出在我的文本区域中具有值的每个项目的名称，数量和总数。

到目前为止，我有以下内容（其附加部分当前不起作用）：

$(document).ready(function () {
    $(".product-row input").change(multInputs);
           function multInputs() {
               var mult = 0;
               // for each row:
               $("div.product-row").each(function () {
                   // get the values from this row:
                   var $price = $('.price', this).html();
                   var $quantity = $('.quantity', this).val();
                   var $total = ($price * 1) * ($quantity * 1);
                   // set total for the row
                   $('.multTotal',this).text($total);
                   mult += $total;
                   $('#textarea',this).append($name).append($total);
               });
        $("#total").html(mult);
    }
});

如果我能解决这个问题，我很确定我可以解决每次更改某些内容时如何添加总计并清除文本区域（我不是要找人来完成所有工作）。

对于为什么我的textarea没有填充的任何反馈，将不胜感激。

编辑：该解决方案，由braks真正很好地解释了以下结果（工作！）代码：

$(document).ready(function () {
           $(".product-row input").change(multInputs);

           function multInputs() {
               var mult = 0;
               // for each row:
               $("div.product-row").each(function () {
                   // get the values from this row:
                   var price = $('.price', this).html();
                   var quantity = $('.quantity', this).val();
                   var name = $('.name', this).html();
                   var total = (price * 1) * (quantity * 1);
                   // set total for the row
                   $('.multTotal',this).text(total);
                   mult += total;

                   $('#textarea').val($('#textarea').val() + ' ' + name + ' ' + total);
               });
               $("#total").html(mult);

            }

        });