title: Why does not Slick slider work inside a form tag?
body: <p><a href="https://magenta-spirit.codio.io/" rel="nofollow noreferrer">https://magenta-spirit.codio.io/</a> - if remove tag form everything is ok. But inside form tag slider does not work. Console is empty. What is the reason?
  Slick:</p>
  
  <pre><code>$().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 '&lt;button class="tab"&gt;' + $('.slick-thumbs li:nth-child(' + (i + 1) + ')').html() + '&lt;/button&gt;';
      }
  });
  });
  </code></pre>