Javascript JQuery替换为在Ajax调用后不工作

我正在做一个AJAX调用，一旦得到响应，我想用标签替换提交按钮……但这不起作用。我得到了警告消息，即；来自Ajax调用的响应，但replacewith命令失败

你能告诉我我犯了什么错误吗

替换为命令

$( this ).closest( 'tr' ).find( 'input:label' ).replaceWith("<label for=\'success\'>SUCCESS</label>");

$（this）.最近（'tr'）。查找（'input:label'）。替换为（“SUCCESS”）；

代码：

$（“#table_appl，#table_enfr，#table_det01，#table_det02，#table_det03，#table_det04，#table_det05，#table#u datais”）。在（“单击”，“输入：提交”，函数（事件）{
//警报（“嗨”）
//event.preventDefault（）；
var fieldvalue=$（this.nexist（'tr'）.find（'input:text'）.val（）；
var fieldname=$（this）.closest（'tr'）.find（'input:text'）.attr（'name'）；
警报（'fieldname='+fieldname）
警报（'fieldvalue='+fieldvalue）
$.ajax({
键入：“获取”，
url:“/validate/”，
数据：{'fieldvalue'：fieldvalue，'fieldname'：fieldname}，
成功：功能（数据）{
如果（数据=='Y'）{
var item=$（this）.closest（'tr'）.find（'input:label'））
警报（“将被替换”+项）；
$（this）.closest（'tr'）.find（'input:label'）；
$（this）.最近（'tr'）。查找（'input:label'）。替换为（“SUCCESS”）；
}
警报（“响应=”+数据）；
}
});
返回false；
})

这里有一个例子

下面是代码：

<form role="form" method="POST" action="/validate/" id="input_form">
    <input id="myInput">
    <button type="submit" id="submitButton">Click me!</button>
</form>

点击我！

在脚本中：

$("#submitButton").click(function () {
    event.preventDefault();
    $.get("/validate/", function (d){    
        if (d == "Y"){        
            $("#submitButton").replaceWith("<label>SUCCESS</label>");
        }                    
    })
})

$（“#提交按钮”）。单击（函数（）{
event.preventDefault（）；
$.get（“/validate/”，函数（d）{
如果（d==“Y”）{
$（“#提交按钮”）。替换为（“成功”）；
}                    
})
})

这是你想要的吗？我想您必须调整

.replaceWith（）

部分以找到正确的元素…

可能的重复项

$("#submitButton").click(function () {
    event.preventDefault();
    $.get("/validate/", function (d){    
        if (d == "Y"){        
            $("#submitButton").replaceWith("<label>SUCCESS</label>");
        }                    
    })
})