用jQuery重置文本框不起作用

如何解决用jQuery重置文本框不起作用

我有一个带有提交表单和javascript部分的以下程序，该程序应该重设我的文本框，但是提交后什么也没发生。

<div class="row">
    <div class="col-md-4">
        @using (Html.BeginForm("Index","Home",FormMethod.Post))
        {
            <table>
                <tr>
                    <td>@Html.Label("Name")</td>
                    <td>@Html.TextBox("name",null,new { id = "tb1" })</td>
                </tr>
                <tr>
                    <td>@Html.Label("Mail")</td>
                    <td>@Html.TextBox("mail",new { id = "tb2" })</td>
                </tr>

            </table>
                
            <input type="submit" value="Send" onclick="clear" />
        }
    </div>
</div>

@section scripts {
    
    <script type="text/javascript">

        $(document).ready(function () {
            
        });

        function clear() {
                $("#tb1").val("");
                $("#tb2").val("");
        }

    </script>
    
}

我想念什么吗？任何帮助表示赞赏！