Javascript 表单动态属性更改和提交不起作用

我有以下代码：

Html:

我试图做的是使用javascript动态更改表单的action属性，然后将其提交（到不同的url）

我期望（在JSFIDLE中）发生的是，单击submit按钮应该加载JSFIDLE主页，而单击Submit2按钮应该加载404页面，因为

/testing

url不存在

这在chrome（28.0.1500.95）中运行良好，但在Firefox（23.0.1）或IE（10.0.9200.16660）中不起作用

这些浏览器在控制台中也没有显示任何错误-我被难住了。有什么想法吗

---

编辑：我确实需要克隆表单，但我忘了提到这一点。此外，这在Safari（v5.1.7）中也可以正常工作。

您不需要

clone（）

表单。试试这个：

var Submit2 = function() {
    var form = $("#mainForm");
    form.prop("action", "/testing");    
    form.submit();
}

---

您需要以某种方式将其插入DOM中：

function Submit2() {
    var form = $("#mainForm").clone();
    form.attr("action", "/testing");
    form.hide().appendTo('body');

    form.submit();
}

---

适用于我（FF 23.0）

事实上，我确实需要克隆表单（我应该提到这一点）。很抱歉奇怪的是，小提琴在IE中不起作用，但当我把这个补丁应用到我的实际程序中时，它在所有浏览器中都能正常工作。谢谢

var Submit2 = function() {
    var form = $("#mainForm");
    form.prop("action", "/testing");    
    form.submit();
}

function Submit2() {
    var form = $("#mainForm").clone();
    form.attr("action", "/testing");
    form.hide().appendTo('body');

    form.submit();
}