مشکل در لوط اطلاعات به کمک jquery

سلام

من کد زیر را دارم

<div  class="collapse show text-center" >
    <button id="@items.Id" class="btn btn-link bg-info showList " type="button">
        <span>نمایش اطلاعات</span>
    </button>
    <div></div>
</div>

می خواهم داخل div بعد button اطلاعات را نمایش بدهم و کد زیر را نوشته ام

@section scripts
{
    <script>
        var a = $(".showList");
        a.on("click",
            function() {
                var id = $(this).attr("id");
                var showDiv =
                    console.log(id);
                $.ajax({
                    url: '@Url.Action("FindUrl", "Test")',
                    datatype: 'application/json',
                    data: { id: id }
                }).done(function(result) {
                    $('button+div').html(result);
                });
            });
    </script>
}

اما اجرا نمیشود کدراچگونه باید ویرایش کنم

باتشکر