Javascript 排序tr后，表表单序列化不起作用

这是我的html格式表格数据：

<table>
    <thead>
        <form id="filterForm">
        </form>
    </thead>
    <form id="studentsForm">
        <tbody>
            <tr class="sorted">
                <td><span class="selected">WAHEED</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="selected">DON</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="rejected">JACK</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="selected">MARK</span></td>
            </tr>
            <tr class="sorted">
                <td><span class="rejected">GATEES</span</td></tr>
      </tbody>
    </form>
</table>

瓦希德
大学教师
杰克
做记号
GateSis您的
输入
在
表单
标签内吗？是的，但排序后，我认为它是在表单外附加的。您可以检查一下吗？您不必确定。请在附加HTML的制作方法后添加代码！在append之后，当我单击view source时，我如何才能看到html代码？它显示的是append之前存在的数据。它在firebug
html
内部
tbody

var rows = document.querySelectorAll('table tbody tr.sorted');
for (i = 0; i < rows.length; i++) {
    if (rows[i].querySelector('span.rejected')) {
        rows[i].closest('tbody').appendChild(rows[i]);
    }
}

<tbody>
    <tr>
        <td><span class="selected">WAHEED</span></td>
    </tr>
    <tr>
        <td><span class="selected">MARK</span></td>
    </tr>
    <tr>
        <td><span class="selected">DON</span></td>
    </tr>
    <tr>
        <td><span class="rejected">JACK</span></td>
    </tr>
    <tr>
        <td><span class="rejected">GATEES</span></td>
    </tr>
</tbody>

<input type="text" class="overrideStudentcomment"  name="comment[<?php echo $gdScoreData['student_pid']; ?>]">