Уже час сижу и немогу понять почему неработает JQuery. Суть поведения такая: при клике на кнопку должна выводится 1, но сейчас при клике происходит равным счетом ничего.
<a href="" title="Рейтинги" сlass='js-open-modal' data-modal="raiting-modal">
<img src="img/raiting.svg" alt="">
</a>
<a href="" title="Правила системы" сlass='js-open-modal' data-modal="rules-modal">
<img src="img/rules.svg" alt="">
</a>
<a href="" title="Цифровые активы" сlass='js-open-modal' data-modal="activites-modal">
<img src="img/packet.svg" alt="">
</a>
<script src="js/slick.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
Код main.js
$('.js-open-modal').click(function(e) {
e.preventDefault();
console.log(1);
});