title: attach bullets to slider images
body: <p>I have set up a jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/K8aex/" rel="nofollow">http://jsfiddle.net/K8aex/</a></p>
  
  <p>I need the bullets to move the slides also
  I am trying to attach the click of the bullet to the index of the relevant slide 
  How would I do this? find the index of the bullet the find the index of the img with same index? make that one the current slide?</p>
  
  <p>Any help would be greatly appreciated</p>
  
  <pre><code>   $('.bullets a').click(function(e) {
          e.preventDefault();
          var bulletIndex = (this).index()
          console.log(bulletIndex)
          wrapper.find('li:nth-child(bulletIndex) img').addClass('current');
  
      });
  </code></pre>
  
  <p>Thanks</p>