Javascript 当表单通过load（）ajax函数提交时，如何清除文本框中的文本

我正在尝试做评论，以便在提交后在表单上添加数据！表格上显示了我之前发送的评论。 这是我的html格式

<table> 
<tr><td>Name :</td><td> <input type="text" id="name"/></td></tr>
<tr><td>Email :</td><td> <input type="email" id="email"/></td></tr>
<tr><td>Comment:</td><td><textarea cols=50 rows=10 id="input_text" placeholder="Discuss here"></textarea></td></tr>
<tr><td></td><td><button id="btn">Submit</button></td></tr>
</table>

姓名：
电邮：
评论：
提交

我通过load（）ajax函数将表单值发送给db

 <script>
   $(document).ready(function(){
$("#btn").click(function(){
    var comments=$("#input_text").val();
    var name=$("#name").val();
    var email=$("#email").val();

 $("#hidden_div").load("insert.php",   {comments:comments,name:name,email:email},function(){
  $("#display").append($("#hidden_div").html());
      });
  } 
    });
  });
 </script>
 <div id="hidden_div" style="display:none"></div>

$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
var comments=$（“#输入_文本”）.val（）；
var name=$（“#name”）.val（）；
var email=$（“#email”）.val（）；
$（“#hidden_div”）.load（“insert.php”，{comments:comments，name:name，email:email}，function（）{
$（“#display”）.append（$（“#hidden_div”）.html（））；
});
} 
});
});

提交表单后使用此选项

$("input , textarea").val("");

---

调用

load

函数后，只需使用

val

为每个表单字段设置一个新值

$("#hidden_div").load(...);
$("#input_text, #name, #email").val('');

---

我还有一个问题，如何通过按“enter”键通过load（）ajax函数更新注释来发送输入文本值！没有提交按钮！