title: Bootstrap Carousel not sliding automatically in Rails 3.2.13
body: <p>It <strong>was working fine</strong> a few minutes ago but now it's not working.I'm using the <strong>bootstrap-sass</strong> gem Is it because bootstrap just upgraded to <strong>Bootstrap 3</strong>?</p>
  
  <p>That's my code.  </p>
  
  <pre><code>    &lt;head&gt;  
      &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;  
  
  &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $('.carousel').carousel({
        interval: 1200,
        pause: 'false'
      })
    });
  &lt;/script&gt;
  
  &lt;div class="container" id="carousel"&gt;
  
      &lt;div id="myCarousel" class="carousel slide carousel-fade"&gt;
        &lt;ol class="carousel-indicators"&gt;
          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="3"&gt;&lt;/li&gt;
        &lt;/ol&gt;
        &lt;!-- Carousel items --&gt;
        &lt;div class="carousel-inner"&gt;
          &lt;div class="active item"&gt;&lt;%= image_tag '4.jpg' %&gt;&lt;div class="carousel-caption"&gt;&lt;p&gt;Caption text here&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;div class="item"&gt;&lt;%= image_tag '5.jpg' %&gt;&lt;div class="carousel-caption"&gt;&lt;p&gt;Caption text here&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;div class="item"&gt;&lt;%= image_tag '2.jpg' %&gt;&lt;div class="carousel-caption"&gt;&lt;p&gt;Caption text here&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;div class="item"&gt;&lt;%= image_tag '6.jpg' %&gt;&lt;div class="carousel-caption"&gt;&lt;p&gt;Caption text here&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- Carousel nav --&gt;
        &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev" &gt;&amp;lsaquo;&lt;/a&gt;
        &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;  
  </code></pre>
  
  <p>Where is the problem. I'm Using <strong>Rails 3.2.13</strong>. Provide a solution.<br>
  Sometimes it shows  </p>
  
  <blockquote>
    <p>TypeError: $(...).carousel is not a function
    [Break On This Error]   </p>
    
    <p>pause: 'false'  </p>
  </blockquote>
  
  <p>Where am I going wrong?</p>