jquery使用replaceWith替换元素，但是替换的位置不对应的问题

$("#itemList").replaceWith(htmlContent);

注：

$("#itemList")处应为tr元素，如果是span元素或者div元素，则造成替换后位置不对应的问题；

html如下：

<table width="98%" border="0" align="center" cellspacing="1" bgcolor="#BFC7CA" id="errorTab">
    <thead id="detail" >
    <tr>
        <td align="center" width="10%" class="table_title">序号</td>
        <td align="center" width="60%" class="table_title">内容</td>
        <td align="center" width="20%" class="table_title">是否符合要求</td>
        <td align="center" width="10%" class="table_title">附件</td>
    </tr>
    </thead>

    <tr id="itemList"/>

    <tr style="background:white;height:30px">
        <td width="10%" align="center">
            备注
        </td>
        <td colspan="3">
            <input name="remark" id="remark" style="line-height:30px;height:30px;width:98%;border-top:0px;border-left:0px;border-right:0px;" value=""></input>
            <script>
                function remark() {
                    if(notEmptyStr(form.remark)){
                        $("#remark").val("form.remark");
                    }
                }
            </script>
        </td>
    </tr>
</table>