Javascript 如何使窗体框和按钮在单击按钮时消失？

我正在用JS在HTML上编写一个表单，要求用户输入他们的名字并显示出来。我想表单和按钮消失时，他们点击提交

<form>
    <br/>What is your name: <input type="text" id="name" />
    <input type="button" value="done" onclick="write_name();" />
</form>
<h4 id=welcome></h4>

HTML代码

<input type="text" id="name" value="" />
<input type="button" id="btn_sbumit" value="Submit" />
<span></span>

---

必须包括JQuery库刚刚更新了我的问题

 Jquery Code 

$(document).ready(function () {

        $("#btn_sbumit").click(function () {
            $(this).next().text($("#name").val());
            $("#name").hide();
            $(this).hide();
        });
    });

<input type="text" id="name" value="" />
<input type="button" id="btn_sbumit" value="Submit" />
<span></span>