使用.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> 

謝謝！其實

var $submit = $('input:submit'); 
$submit.click(function(){ 
    var $newText = $('input:text').val(); 
    var $p = $('#newStatus'); 
    $p.text($newText); 
    return false; // prevent form from being submitted 
}); 

表單被提交，所以我們需要停止：

Answer 1

試試這個。

FIDDLE DEMO

Answer 2

這是因爲表單提交，阻止事件的默認操作：

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