jquery - jQuery-フォームデータをテーブルに出力します

Question

jQueryを使用して、フォームで送信された値を出力（および追加）するにはどうすればよいですか？

たとえば、名前を入力すると、フォームにあった名前を含む新しいテーブル行として表示されます。

<form>
Name:<input type="text" />
<input type="submit" />
</form>

<table>
<tr>
<th>Name</th>
</tr>
// Here the name should be appended...within a <tr><td></td></tr>
</table>

ありがとう！

Answer 1

簡単な例を次に示します。

$('form').on('submit', function (e) {
  e.preventDefault();
  var newName = $('form').find('input[type="text"]').val();
  $('table').append('<tr><td>' + newName + '</td></tr>')
});