Javascript 当单击按钮时，jQuery替换h1标记的html

我正试图做一件看似简单的事情，但我似乎想不出来。我正在使用jquery.html方法替换标记的内容。当我点击一个按钮时，我想让它改变，但它确实改变了，然后立即返回到它的原始值，我不明白为什么会这样？我试过了，也换了，效果也一样。有什么想法吗

以下是html部分：

...
  <div class="container">
<h1 id="putname">Hello</h1>        
</div>

。。。
你好

提交

下面是java脚本

 <script>
$("#btn1").click(function(){
var name = $("#inputname").val();
$("#putname").html("<p> text </p>");
alert ("hello" + name); }); 
</script>

$（“#btn1”）。单击（函数（）{
变量名称=$（“#inputname”）.val（）；
$（“#putname”）.html（“text
”）；
警报（“你好”+姓名）；}）；

我添加警报只是为了演示它的工作原理，您可以看到html正在被替换，但随后它会切换回其原始值

---

谢谢

我猜您有一个提交页面的提交按钮，因此您需要取消提交或阻止按钮的默认操作

$("#btn1").click(function(event){
    event.preventDefault();

---

如果你的代码有问题，那么它肯定不是你发布的代码的一部分。我们最好看到所有的HTML代码。我猜btn1是一个提交按钮，表单提交。