Как правильно получить выбранный элемент по классу из результата AJAX, результат в формате строки HTML?

Question

Я столкнулся с такой проблемой, и я не знаю, как я могу решить эту проблему. Уже пробовал использовать функцию find, но безрезультатно.

Код моей кнопки с запросом ajax

function GetRow() {
        var form = $('form');
        $.ajax({
            url: '/Journals/CreateJournalDetails',
            success: function (data) {
                console.log(data)
                var $data = $(data);
                var $appendData = $data.find('.DocumentDetails');
                var $appendData2 = $data.find('.CheckDetails');
                console.log($appendData);
                $('#partial').append('<tr>' + $appendData + '</tr>');
                $('#partial2').append('<tr>' + $appendData2 + '</tr>');
                form.data('validator', null);
                $.validator.unobtrusive.parse(form);
            }
        });
    }

это результат внутри data результат из console.log(data)

    <input type="hidden" name="JournalDetailsViewModel.index" autocomplete="off" value="4a433f39-2ba7-4873-9aeb-686095f0110d" />
    <tr class="DocumentDetails" id="8e7c6403-0384-4c49-abdc-891fcec51d2e">
        <td>8e7c6403-0384-4c49-abdc-891fcec51d2e</td>
        <td scope="row">
--Some code here

<tr class="CheckDetails" id="8e7c6403-0384-4c49-abdc-891fcec51d2e">
        <td>8e7c6403-0384-4c49-abdc-891fcec51d2e</td>
        <td>
            <input class="form-control form-control-sm" id="JournalDetailsViewModel_4a433f39-2ba7-4873-9aeb-686095f0110d__Check_Number" name="JournalDetailsViewModel[4a433f39-2ba7-4873-9aeb-686095f0110d].Check_Number" type="text" value="" />
            <span class="field-validation-valid text-danger" data-valmsg-for="JournalDetailsViewModel[4a433f39-2ba7-4873-9aeb-686095f0110d].Check_Number" data-valmsg-replace="true"></span>
        </td>
        <td>
            <input class="form-control form-control-sm text-box single-line" id="JournalDetailsViewModel_4a433f39-2ba7-4873-9aeb-686095f0110d__Check_Date" name="JournalDetailsViewModel[4a433f39-2ba7-4873-9aeb-686095f0110d].Check_Date" type="date" value="" />
            <span class="field-validation-valid text-danger" data-valmsg-for="JournalDetailsViewModel[4a433f39-2ba7-4873-9aeb-686095f0110d].Check_Date" data-valmsg-replace="true"></span>
        </td>
        <td>

--Some code here

Я хочу добавить DocumentDetails к partial и CheckDetails к partial1, partial и partial1 - таблицы.

Пример ожидаемого выхода