Módulo "Carrossel" do Bootstrap do Twitter

Estou utilizando o Bootstrap para criar um template, estou tentando utilizar o "carousel" nativo do framework mas não estou conseguindo, ele não funciona já tentei de tudo.

Meu HTML

<div id="myCarousel" class="carousel slide">
 <!-- Carousel items -->
 <div class="carousel-inner">
 <div class="active item"><img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /></div>
 <div class="item"><img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /></div>
 <div class="item"><img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /></div>
 </div>
 <!-- Carousel nav -->
 <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
 <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>

JS dentro do header

<script type="text/javascript">
 $('.carousel').carousel()
</script>