title: jquery.flexslider: touch on thumbnail slider not working on iOS
body: <p>I'm using flex-slider's thumbnail controlnav for my slideshow. it works just fine on PC and Mac but on my iphone touching a thumbnail doesn't change the main slider's image. I haven't altered the jquery.flexslider.js file at all. The demo of the controlnav from the official site seems to work fine on my phone though. I don't have my own Mac so I cant debug with my phone directly :/. Has anyone else encountered this problem? Let me know if you need me to post html or any other code.</p>
  
  <p>Here's what it should be doing:
  <a href="http://flexslider.woothemes.com/thumbnail-slider.html" rel="nofollow">http://flexslider.woothemes.com/thumbnail-slider.html</a></p>
  
  <p>Here's what I have for my slider declaration:</p>
  
  <pre><code> $('#carousel').flexslider({
     animation: "slide",
     controlNav: false,
     animationLoop: false,
     slideshow: false,
     itemWidth: 210,
     itemMargin: 5,
     asNavFor: '#slider'
    });
  
  
    // The slider being synced must be initialized first
  $('#carousel').flexslider({
     animation: "slide",
     controlNav: false,
     animationLoop: false,
     slideshow: false,
     itemWidth: 150,
     itemMargin: 0,
     asNavFor: '#slider'  
   });
  </code></pre>
  
  <p>If I replace it with the demo code the touch works, but it also creates a bunch of extra empty boxes</p>
  
  <pre><code> $(window).load(function() {
  $('.flexslider').flexslider({
  animation: "slide",
  controlNav: "thumbnails"
  });
  }); 
  </code></pre>
  
  <p>thanks!</p>
  
  <p>Will</p>