title: Slick slider - Change draggable state on input focus event
body: <p>I'm trying to remove draggable option while I'm in an input field (so I can select text and navigate inside the field with the arrows).</p>
  
  <pre class="lang-js prettyprint-override"><code>var slider = $('.slider').slick({
      infinite: false,
      speed: 300,
      slidesToShow: 1,
      adaptiveHeight: true,
      asNavFor: '#menu-mobile',
      draggable: true
  });
  
  $('input').focusin(function () {
      console.log('in');
      slider.slickSetOption("draggable", false, false);
  }).focusout(function () {
      console.log('out');
      slider.slickSetOption("draggable", true, false);
  });
  </code></pre>
  
  <p>It returns</p>
  
  <blockquote>
    <p>Uncaught TypeError: undefined is not a function</p>
  </blockquote>
  
  <p>on both events.</p>
  
  <p>How do I change the draggable/swipe state with an event?</p>