asp.net core combine select, javascript and bootstrap-select

Question

I have a cascade select

 

<select id="Location" class="form-control border-warning selectpicker" asp-items="Model.Locations" OnChange="func1()">
                    <option value="">--Select Asset Location--</option>
                </select>

<select id="Asset" class="form-control border-warning selectpicker" asp-items="@(new SelectList(string.Empty, "WOAId", "AssetID", "AssetName"))" OnChange="func2()">
                    <option value="">--Select Asset--</option>
                </select>

and getting the value for the second select with

 

$("#Location").on("change", function () {
        var categoryId = $(this).val();
        $("#Asset").empty();
        $("#Asset").append("<option value=''>--Select Asset--</option>");
        $.getJSON(`?handler=Asset&id=${categoryId}`, (data) => {
            $.each(data, function (i, item) {
                $("#Asset").append(`<option value="${item.value}"> ${item.text}</option>`);
            });
        });
    });

 How do I include bootstrap-select into the above?

 

$('#Location').selectpicker({
                liveSearch: true
            });

$('#Asset').selectpicker({
                liveSearch: true
            });