title: Get Current slide of SLICK SLIDER and add Classes to inner elements
body: <p>I have a Slick slider like the example shown in the slick page, I am using the code like this,</p>
  
  <pre><code>&lt;div class="slideshow"&gt;
      &lt;img src="http://lorempixel.com/500/250" /&gt;
      &lt;img src="http://lorempixel.com/500/251" /&gt;
      &lt;img src="http://lorempixel.com/500/249" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with a thumbnail carousal</p>
  
  <pre><code>&lt;div class="thumbs"&gt;
      &lt;img src="http://lorempixel.com/100/100/" /&gt;
      &lt;img src="http://lorempixel.com/100/100/" /&gt;
      &lt;img src="http://lorempixel.com/100/100/" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now the Js Code is something like this:</p>
  
  <pre><code>$('.slideshow').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.thumbs'
  });
  $('.thumbs').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slideshow',
    dots: true,
    centerMode: true,
    focusOnSelect: true
  });
  </code></pre>
  
  <p>This works fine, but what I am trying to achive is on the current slide of thumb I want to add something, like class, or on inside element of current thumb( here eg: img).</p>
  
  <p>I tried code like this:</p>
  
  <pre><code>$('.thumbs').on('beforeChange', function(event, slick, currentSlide, nextSlide){
                   $('.slick-current img').addClass('works');                 
                  });
  </code></pre>
  
  <p>but not working, what is wrong with my code, Is there a way to get this work properlyl</p>