Почему слайдер Slick не работает внутри тега формы?

https://magenta-spirit.codio.io/ — Если удалить тег формы все в порядке. Но внутри тега слайдер формы не работает. Консоль пуста. Какова причина?
Slick:

$().ready(function(e) {
$('.calc-photos-slider').slick({
dots: true,
infinite: false,
speed: 500,
fade: false,
slide: 'li',
cssEase: 'linear',
centerMode: true,
slidesToShow: 1,
variableWidth: true,
autoplay: false,
autoplaySpeed: 4000,
responsive: [{
breakpoint: 800,
settings: {
arrows: false,
centerMode: false,
centerPadding: '40px',
variableWidth: false,
slidesToShow: 1,
dots: true
},
breakpoint: 1200,
settings: {
arrows: false,
centerMode: false,
centerPadding: '40px',
variableWidth: false,
slidesToShow: 1,
dots: true

}
}],
customPaging: function(slider, i) {
return '<button class="tab">' + $('.slick-thumbs li:nth-child(' + (i + 1) + ')').html() + '</button>';
}
});
});