Javascript 让replaceWith在我的函数中工作

我正在实现Mailgun jQuery电子邮件验证程序。我正在尝试让表单上的提交按钮在成功验证后更改其输入。现在，当我将这个replaceWidth代码放入validation_error函数中时，什么都没有发生，即使是在错误消息上。但是，当我将其放入validation_success函数时，它会触发错误或成功。有没有一个原因可以让它在一个函数中工作而不是在另一个函数中工作

function validation_success(data) {
    $('#status').html(get_suggestion_str(data['is_valid'], data['did_you_mean']));
    $('.signupbtn_new').replaceWith('<input type="submit" name="submit" class="signupbtn_new" value="Signup For Free!" id="email_submit">');
  }




  // if email is invalid
  function validation_error(error_message) {
    $('#status').html(error_message);   


  }             

功能验证\u成功（数据）{
$（'status'）.html（获取建议（数据['is'u valid']，数据['did'u you'u mean']）；
$（'.signupptn_new'）。替换为（''；
}
//如果电子邮件无效
功能验证错误（错误消息）{
$（'#status'）.html（错误消息）；
}             

为什么要用完全相同的新输入替换整个输入？我正在将类型从“按钮”更改为“提交”，以便用户在电子邮件无效之前无法提交。然后更改类型->

$（'.signupbtn\u new'）.prop（'type'，'submit'）

，或者干脆禁用输入？