title: Twitter Bootsrap Carousel .carousel(number) not working
body: <p>I'm having a problem with the <code>.carousel(number)</code> method on Twitter Bootstrap Carousel plugin. Somehow I can't get it working. The carousel itself is up and running, so does the <code>.carousel('next')</code> method. </p>
  
  <pre><code>$('#carousel-nav a').click(function(q){
   q.preventDefault();
   targetSlide = $(this).attr('data-to');
   //this one doesn't work $('#my-carousel').carousel(targetSlide); 
   $('#my-carousel').carousel('next');
  });
  </code></pre>
  
  <p>Here is the markup</p>
  
  <pre><code>&lt;ul id="carousel-nav" class="nav nav-tabs nav-stacked"&gt;
      &lt;li&gt;&lt;a href="#my-carousel" data-to="0" &gt;Slide 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#my-carousel" data-to="1" &gt;Slide 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#my-carousel" data-to="2" &gt;Slide 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Any clue? Thank you in advance.</p>