Передать содержание DIV на странице в тело письма

Есть скрипт который генерит на странице содержимое DIV, в этом содержимом есть теги h4 и table Пробовал передавать через textarea но после отправки письмо приходит сплошным текстом.

вот пример кода:

<form action="" method="post" class="ajax_form af_example">

    <div id="tes"></div>

    <textarea rows="10" cols="45" name="message" id="message"></textarea>
    <div class="form-group">
        <input type="text" class="form-control" id="name3" name="name3" value="[[+fi.name3]]" placeholder="Иван Иванов">
        <span class="error_name">[[+fi.error.name3]]</span>
    </div>

    <div class="form-group">
        <input type="email" class="form-control" id="email2" name="email2" value="[[+fi.email2]]" placeholder="[email protected]">
    </div>
    <button type="submit" class="btn btn-default">Отправить</button>
[[+fi.success:is=`1`:then=`
<div class="alert alert-success">[[+fi.successMessage]]</div>
`]]
[[+fi.validation_error:is=`1`:then=`
<div class="alert alert-danger">[[+fi.validation_error_message]]</div>
`]]

$('#kp2').click(function(){
    $('#tes').empty();
    $("div.active1").each(function(elDi) {
        var el = $(this).html();
        $(el).clone(true).unwrap().appendTo('#tes'); //Копирование содержимого модального окна по выбранным checkbox
        //$('#link2').val(el)
        var text = $('#tes').html()
        $('textarea').val(text);
  });
});
<div id="tes">
       <table style="border-collapse: collapse; width: 100%;" border="1" data-mce-style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 50%;" data-mce-style="width: 50%;"><strong>Материал</strong></td><td style="width: 50%;" data-mce-style="width: 50%;"><strong>Работа</strong></td></tr><tr><td style="width: 50%;" data-mce-style="width: 50%;">Двери производство Китай (металл 0,6 мм, порошковая окраска, замок). Крепеж, монтажная пена.</td><td style="width: 50%;" data-mce-style="width: 50%;">- монтаж входных дверей по проекту</td></tr></tbody></table><h4><span>Котельное оборудование</span> (не выбрано)</h4><h4><span>Входные группы</span> (не выбрано)</h4>

По кнопке в DIV формируется кусок кода, и его нужно вставть в тело письма Через input и tetxarea не получается