title: Image slider is not working
body: <p>I have done an image slider but this is not changing the images, just showing the first image.</p>
  
  <p>This is my javascript</p>
  
  <pre><code>$(document).ready(function() {
    var slides = document.querySelectorAll('#images .image');
    var current = 0;
  
  
    function nextImage() {
      image[currentSlide].className = 'slide';
      current = (current+1)%images.length;
      images[current].className = 'image show';
    }
    var Interval = setInterval(nextImage,2000);
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;ul id="images"&gt;
      &lt;li class="image show"&gt;Slide 1&lt;/li&gt;
      &lt;li class="image"&gt;Slide 2&lt;/li&gt;
      &lt;li class="image"&gt;Slide 3&lt;/li&gt;
      &lt;li class="image"&gt;Slide 4&lt;/li&gt;
      &lt;li class="image"&gt;Slide 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am using jquery 3.1.0 and it is not working</p>