关于重新插入元素的JavaScript / jQuery怪异

Question

我有一个大小合适的脚本（200行左右），而且我遇到了代码中看似微不足道的元素的问题。我有一个页面，我用JS替换整个主体，但是我需要重新附加一个表单，以便在页面重组后仍然可以提交。 （该提交将通过JS触发。）然而，正在发生的是代码在insertAfter()调用之后停止运行（假设它在该函数内崩溃）。因此，第二个警报和所有后续代码都没有运行。救命啊！

var form = $("form").detach().hide();
$("body").html(newPage);
alert("HI");
form.insertAfter("#grades");
alert("HI2");

请注意，newPage是一个字符串。

Answer 1

我不完全确定编写的代码有问题。我想知道，如果它缩短了“更容易处理Stack Overflow”的形式，它是否缺少实际问题？

我用小提琴解雇了它：http://jsfiddle.net/Cku9D/1/

（没有真正的新代码，所以我不会在这里复制;如果小提琴失败则不重要）

似乎工作。

除了代码示例之外的其他任何东西都要归咎于它，或者它是特定于浏览器的东西。您使用的操作系统和浏览器是什么？