jQuery заменить html тега h1 при нажатии на кнопку

Question

Я пытаюсь сделать то, что кажется простой задачей, но я не могу понять, как это понять. Я заменяю содержимое тега, используя метод jquery .html. Я хочу изменить его, когда я нажимаю на кнопку, и он меняет, а затем сразу возвращается к исходному значению, я не понимаю, почему это так? Я пробовал. ReplaceWith также, и он имеет тот же эффект. Есть идеи?

Вот HTML часть:

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

Добавить

...

Вот ява скрипт

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

я добавил предупреждение, чтобы продемонстрировать, что он работает, и вы можете увидеть HTML вытесняется, но затем он переключается обратно в исходное значение ...

Благодаря

Answer 1

Я предполагаю, что у вас есть кнопка представить, что Выставляет страницы, поэтому вам нужно отменить подачу или предотвратить действие кнопки по умолчанию.

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