Bootstrap Carousel не скользит автоматически

Я использую начальную загрузку карусели Twitter (последней версии ), и она у меня работает -, за исключением того, что она не начинает автоматически скользить. Это хорошо работает после того, как вы нажали одну из кнопок навигации. Не уверен, почему он это делает.

Вот моя настройка JS в шапке:

    <script type="text/javascript" src="<?php echo tz_JS. '/bootstrap/jquery.js'; ?>"></script>

<script type="text/javascript" src="<?php echo tz_JS. '/bootstrap/bootstrap-carousel.js'; ?>"></script>
<script type="text/javascript" src="<?php echo tz_JS. '/bootstrap/bootstrap-transition.js'; ?>"></script>

И HTML:

<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">

    <div class="active item">
    <div class="image-position-right">
        <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
    </div>
    </div>


    <div class="item">
    <div class="image-position-right">
        <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
    </div>
    </div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>

Также только что добавил это безрезультатно:

<script>
$('#myCarousel').carousel({
    interval: 1200
});
</script>

После внесения вышеуказанного изменения консоль javascript говорит:

Uncaught TypeError :Объект #не имеет метода «карусель» (анонимная функция )b.extend.ready jquery.min.js :29 ты

Любые мысли о том, почему это не будет работать?