سوال: بدست اوردن یک عدد خارج از محدوده کلیک

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



@{

    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" />

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