[Solved] Searchable DropDownList not working in ASP.Net MVC

i have used JS for making searchable Dropdownlist, but it is not working.

<div class="form-group">
    @Html.LabelFor(model => model.UserList, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownList("ddlUsers", Model.UserList, htmlAttributes: new { @class = "form-control" })
    </div>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#ddlUsers").select2();
    });
</script>