如何重置复选框、搜索文本框和选择列表

这是我的html页面:

<form id="userworklog"  action="#" method="post">
    <div id="userlogs" class="userlogs">
        <table id="worklog">
            <tr>
                <th>Strt date</th>
                <th>Projects</th>
                <th>Charge# Field</th>
                <th>Employee Name</th>
            </tr>
            <tr>
                <td>
                    <input type= "date" id="startdate" name="startdate"  class="required">
                </td>
                <td>
                    <input type="text" name="SearchBox" id="SearchBox" placeholder="Search...." />  
                    <br /> 
                    <select  id="projectsList" class="textFld" multiple="multiple"/>
                </td>
                <td>
                    <input type="text"  id="comboBox" placeholder="Search.." />
                    <ul id="userList"  class="nobull" style="width: 300px; height: 80px;list-style: none; overflow: auto">
                </td>
            </tr>
        </table>

我有提交和重置按钮。我们正在动态加载数据并填充到html中。当我提交重置输入"开始日期"只是重置。为了重置检查列表，我使用jQuery

$("#reset").on("click", function () {
    $("#checkbox").attr("checked", false);
});

我可以重置项目和员工的搜索。除非我按回车键项目列表数据不在html

$("#reset).on("click", function(){
    $('#checkbox').prop('checked', false);
})

$('input:checkbox').removeAttr('checked');

$("#projectsList").prop('selectedIndex',0);

$("#SearchBox").val('');