ajax не загружает selectbox при изменении выбора

Question

У меня возникают проблемы при попытке загрузить данные в поле выбора после изменения другого выбора.Я перепробовал много методов и не работает.

Шаблон, который я использую, это Jobboard из https://graygrids.com/item/jobboard-bootstrap-html-job-portal-template/

Вот инструкции, которые я использовал безрезультатно:

$('select').select();
$('.mdb-select').materialSelect();
$('.selectpicker').materialSelect();

Код, который у меня есть:

$.ajax({
    type: "POST",
    url: "libs/php/jquery/index.php",
    data:
    {
        funcion: 'getPositionList'
    },
    success: function(datos)
    {
        $('select').select();
        $('#slkt_positionList').html(datos);
    }
});

$('#slkt_positionList').change(function()
{
    var var_position = $('#slkt_positionList').val();
    if(var_position > 1)
    {
        $.ajax({
            type: "POST",
            url: "libs/php/jquery/index.php",
            data:
            {
                funcion: 'getPlacesOffered',
                position: var_position
            },
            success: function(datos)
            {
                alert(datos);
                $('select').select();
                $('#slkt_municipalityList').html(datos);
            }
        });
    }
});

Комбоксы следующие:

<div class="col-md-3 col-sm-6">
     <div class="search-category-container">
     <label class="styled-select">
     <select class="dropdown-product selectpicker" id="slkt_positionList">
     </select>
     </label>
     </div>
</div>
<div class="col-md-4 col-sm-6">
     <div class="search-category-container">
        <label class="styled-select">
        <select class="dropdown-product selectpicker" id="slkt_municipalityList">
        </select>
     </label>
     </div>
</div>