Отработка AJAX при выборе <select>

Есть

<select name="test" class="select-test-1">
    <option value="1">Some text</option>
    <option value="2">Some text</option>
    <option value="3">Some text</option>
    <option value="4">Some text</option>
    <option value="5">Some text</option>
</select>

Нужно при выборе элемента, получить его value (там хранится ID поста в Wordpress) и с помощью AJAX передать его в обработчик. Код работает, но срабатывает только один раз - первый, в дальнейшем после выбора другого элемента тега <select> перезагрузка не происходит. Пробовал этот же код без AJAX в консоль выводится каждый раз значение при выборе другого элемента из списка, с AJAX не работает. Не сильно с ним знаком, т.ч. вполне подозреваю что сделал что-то не так.

$('.select-test-1').on('change', function() {
    var selected = $(this).val();
    $.ajax({
        url: '<?php echo admin_url("admin-ajax.php") ?>',
        type: 'POST',
        data: {
            action: 'myajax',
            postID: selected
        },
        beforeSend: function(xhr) {},
        success: function(data) {
            $('.card-item-1').html(data);
        },
        error: function() {
            alert('Error');
        }
    });
});