Javascript 使用加载方法发送表单后隐藏提交按钮

我创建了一个表单，并通过以下内容向其他页面发送请求：

$(document).ready(function() {
$("#send").click(function() {
    var text = $("#text").val();
    var email = $("#email").val();
    $("#exp").load("sendmail.php",{text:text,email:email});
    });

});

及我的表格编号：

<ul>
    <li><input type="text" name="name" id="text" /></li>
    <li><input type="text" name="email" id="email"/></li>
    <button class="button" id="send" >send email</button>
    <div id="exp" style="color:green;"></div>
</ul>

发送电子邮件

---

如何在发送邮件后隐藏提交按钮？

jQuery:

$(document).ready(function() {
    $("#send").click(function() {
        var text = $("#text").val();
        var email = $("#email").val();
        $.post("sendmail.php",{text:text,email:email}, function(){
             $('.form').hide();
        });
    });
});

Html:

<ul class="form">
    <li><input type="text" name="name" id="text" /></li>
    <li><input type="text" name="email" id="email"/></li>
    <button class="button" id="send" >send email</button>
    <div id="exp" style="color:green;"></div>
</ul>

发送电子邮件