Tengo un problema con la.carousel(number) método en Twitter Bootstrap Carousel plugin. De alguna manera no puedo hacerlo funcionar. El carrusel en sí está en funcionamiento, al igual que la.carousel('next') método.

$('#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');
});

Aquí está el marcado

<ul id="carousel-nav" class="nav nav-tabs nav-stacked">
    <li><a href="#my-carousel" data-to="0" >Slide 1</a></li>
    <li><a href="#my-carousel" data-to="1" >Slide 2</a></li>
    <li><a href="#my-carousel" data-to="2" >Slide 3</a></li>
</ul>

¿Cualquier pista? Gracias de antemano