Почему скрипт click не работает?

Question

[Илиана]

Написала скрипт, который должен был при клике на элемент передавать значение data-country, и для проверки выводить его в консоль:

$('.country').on('click', function () {
            let country = $( this ).data('country'); // Этот атрибут прописан в html
            console.log("страна " + country);
        })

Сами элементы выглядят так:

<div class="btn-group btn-group-toggle" data-toggle="buttons" >
                            <label class="btn btn-secondary  btn-rounded active">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="0" autocomplete="off" checked value="RU" required>
<img src="template/images/RU.png" width="19" height="19" style="vertical-align: middle"> &nbsp;
                                Россия  </label>
                            <label class="btn btn-secondary  btn-rounded">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="2" autocomplete="off" value="KZ">
<img src="template/images/KZ.png" width="19" height="19" style="vertical-align: middle">&nbsp;
                                Казахстан   </label>
                            <label class="btn btn-secondary  btn-rounded">
                                <input type="radio" style="opacity:0" name="country" class="country" data-country="1" autocomplete="off" value="UA">
<img src="template/images/UA.png" width="19" height="19" style="vertical-align: middle">&nbsp;
                                Украина </label> </div>

Пробовала выносить в файл, в тег скрипт в индексе, не помогает, подскажите, может что-то не так делаю?

UPD: обнаружила конфликт между bootstrap и jquery, решения так и не знаю. Выключаю бутстрап-кнопки не жмутся но скрипт работает и наоборот

Comments

[Onzabr]

Код вполне рабочий, может консоль на что-то ругается?