title: Slick carousel next and prev arrows not working properly
body: <p>I'm using the slick carousel plugin and the next arrow isn't working at all and the prev arrow is working like the next arrow. Can someone help me? </p>
  
  <pre><code>&lt;div class="slickcarousel"&gt;
        &lt;div&gt;&lt;img src = "Nature Photos/Hope.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "https://s3-us-west-1.amazonaws.com/powr/defaults/image-slider1.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "http://i.dailymail.co.uk/i/pix/2017/03/13/13/3E39C90700000578-4308866-image-m-5_1489410821924.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "http://phototheque.pasteur.fr/images/slideshow/image-9.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "Nature Photos/Hope.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "Nature Photos/Hope.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src = "http://phototheque.pasteur.fr/images/slideshow/image-9.jpg" class="img-responsive" alt = "BlackProPix Photography" height = "160px" width = "176px"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  $('.slickcarousel').slick({
                     infinite: true,
                      slidesToShow: 4,
                      slidesToScroll: 1,
                      centerMode: true,
                      autoplay: true,
                      autoplaySpeed: 2000,
                      pauseOnHover: true
                  });
  </code></pre>