سلام من کد زیر را نوشته ام

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h1>شماره ثبت:<input type="number" id="nr" /></h1>
<input type="button" id="search" value="Do" class="btn btn-default" />
<br />
<div class="row">
    <div class="col">
        <div id="accordion">
            <div class="border">
                <div class="bg-light p-2">
                    <button class="btn btn-link showList" type="button"
                            data-actionname="Action" data-controllername="Controller"
                            data-toggle="collapse" data-target="#one">
                        <span>Name</span>
                    </button>
                </div>
                <div id="one" class="collapse" data-parent="#accordion">
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts
{
    <script>
         $(function () {
             $('.showList').on('click', function() {
                 var id = ????????????????????????????;
                 $.ajax({
                     url: '@Url.Action("Index","Default")',
                     data: { id: id},
                     success: function (result) {
                         $('#one').html(result);
                     }
                 });
             });
         });
    </script>
}

id مربوطه خارج از محدوده کلیک است چگونه می توانم عدد وارد شده در 

<input type="button" id="search" value="Do" class="btn btn-default" />

را بدست بیاورم
باتشکر