求助：jquery的wrap()在IE中正常显示，firefox和chrome不正常

Question

 <table>
    <tbody id="testbox">
    <tr>
        <td>测试标题1</td>
        <td><a class="test" href="./">修改</a></td>
    </tr>
    <tr>
        <td>测试标题2</td>
        <td><a class="test" href="./">修改</a></td>
    </tr>
    </tbody>
</table>

我要用form标签将点击“修改”的那个tr包裹起来

$(document).ready (function () {
    $('#testbox .test').click(function () {
        $parent = $(this).parent().parent();
        $parent.wrap('<form></form>');
        return false;
    });
});

以上代码在IE中显示正常，chrome中，直接被压缩到一起，firefox下点击后相应的行直接消失了！我试了对div,span,ul那些的包裹都正常显示，只有对table会出现这样的情况！jquery版本也换过，试了还是这个样子
请大神指教！

Answer 1

form就不是table合法元素，不同浏览器你硬插入解析肯定不一样了。改下你的结构，一行易搭配一个table，包裹table起来