سلام
view زیر را داریم

@model Models.Hr.EntityView.Person.test

@{
    ViewBag.Title = "Show";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="container-fluid">
        <h4 class="border-bottom text-center p-lg-2 p-xl-2 text-black-50">پروند پرسنل</h4>
        <div id="topView">
            <div class="row">
                <div class="col-md-2 text-md-left pl-md-1 mt-md-1">
                    @Html.LabelFor(model => model.SearchNumber, htmlAttributes: new { @class = "control-label col-md-12 " })
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-8">
                            @Html.EditorFor(model => model.SearchNumber, new { htmlAttributes = new { @class = "form-control" } })
                        </div>
                        <div class="col-md-4 p-md-0 m-md-0">
                            <button id="searchPersonnel" class="btn btn-default float-md-right rounded ml-md-2" data-toggle="tooltip" data-placement="top" title="جستجو!">
                                <i class="far fa-search "></i>
                            </button>
                            <button id="clearForm" class="btn btn-danger float-md-right rounded" data-toggle="tooltip" data-placement="top" title="پاکسازی!">
                                <i class="fas fa-sync-alt fa-pulse "></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <div class="col-md-9"> @Html.ValidationMessageFor(model => model.SearchNumber, "", new { @class = "text-danger" })</div>
                </div>
            </div>
        </div>
        <div id="bottomView">

        </div>

    </div>
}



@section scripts
{

    <script>
        $(function () {
            $('#clearForm').click(function () {
                $('#SearchNumber').val(' ');
                $("#SearchNumber-error").empty();
            });
        });
    </script>
}

اما نمی دانم چرا وقتی روی button موردنظر کلیک میکنم اورو را پاک نمیکند اما txt را پاک میکند 
کدم را چگونه باید تغییر بدهم