jquery - 使用 .val() 将文本添加到段落

Question

每当单击提交按钮时，我都会尝试更改段落内的文本。由于某种原因它不起作用。我尝试在其他问题中寻找答案，但找不到。为什么这不起作用？JavaScript 代码:

var $submit = $('input:submit');
$submit.click(function(){
    var $newText = $('input:text').val();
    var $p = $('#newStatus');
    $p.text($newText);
});

HTML:

<div class = "grid_12">
  <form>
    <input type="text" name="status">
    <input type="submit" name="submit" value = "Post">
  </form>
  <p id = "newStatus"></p>
</div>

谢谢!

Answer 1

那是因为表单已提交，阻止了事件的默认操作:

$submit.click(function(e){
   e.preventDefault();