title: Twitter Bootstrap carousel not working
body: <p>Do I need to download more library to run Twitter Bootstrap carousel? I just downloaded Twitter Bootstrap from <a href="http://twitter.github.io/bootstrap/index.html" rel="nofollow">http://twitter.github.io/bootstrap/index.html</a>. I think there is a problem with my javascript libraries. I can see images, left and right buttons but when i click to right for example, nothing happens.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Bootstrap, from Twitter&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="author" content=""&gt;
  
  
  &lt;script&gt;
    !function ($) {
      $(function(){
        // carousel demo
        $('#myCarousel').carousel()
      })
    }(window.jQuery)
  &lt;/script&gt;
  
  &lt;!-- Le styles --&gt;
  &lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
  &lt;style type="text/css"&gt;
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  
  
  &lt;/style&gt;
  &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>  &lt;div id="myCarousel" class="carousel slide"&gt;
    &lt;div class="carousel-inner"&gt;
      &lt;div class="item active"&gt;
        &lt;img src="assets/img/01.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;Example headline.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Sign up today&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
        &lt;img src="assets/img/02.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;Another example headline.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Learn more&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
        &lt;img src="assets/img/03.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;One more for good measure.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Browse gallery&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
    &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
  &lt;/div&gt;&lt;!-- /.carousel --&gt;
  
  
  
  
  
  
  
  &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-transition.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-alert.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-modal.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-scrollspy.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-tab.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-tooltip.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-popover.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-button.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-collapse.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-carousel.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-typeahead.js"&gt;&lt;/script&gt;
  
  &lt;script src="js/holder/holder.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>
  </p>