Извиняюсь за возможно нубский вопрос, но ответов я на него не нашёл
Имеется html код (точнее его упрощенная версия):
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("form").submit(function(){
var text = $("body").html();
text = text + $("#text").val();
$("body").html(text);
});
});
</script>
</head>
<body>
<form id="new">
<textarea id="text" rows="10" cols="25" placeholder="Предложить новость"></textarea><br>
<input type="submit" value="Send"></input>
</form>
</body>
</html>
Надпись из формы добавляется на страницу, но моментально исчезает.Объясните пожалуйста почему это происходит, и как это поправить. Спасибо заранее.