title: Bootstrap Carousel Disappears on last item
body: <p>There are totally 2 item/images in this carousel. After the second image loaded, Carousel tries to move into a third item (there is none) and the carousel just disappears. After the intervel the carousel comes back with the first image.</p>
  
  <p>Carousel slides like..</p>
  
  <pre><code>Item 1 &gt; Item 2 &gt; Disappear &gt; Item 1 &gt; ...
  </code></pre>
  
  <p>The version are Bootstrap 2.1 and jQuery 1.8.1. Below is the code.</p>
  
  <pre><code>&lt;script type="text/javascript" src="media/jui/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="media/jui/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="homeCarousel" class="carousel"&gt;
          &lt;div class="carousel-inner"&gt;
              &lt;div class="item active"&gt;
                  &lt;img src="images/hawk2.jpg" alt="" &gt;
              &lt;/div&gt;
              &lt;div class="item"&gt;
                  &lt;img src="images/hawk5.jpg" alt="" &gt;
              &lt;/div&gt;
  
              &lt;div class="carousel-caption"&gt;
                      &lt;ul class="nav nav-tabs"&gt;
                      &lt;li class="active"&gt;&lt;a href="#home" data-toggle="tab"&gt;
                              &lt;h1&gt;**&lt;/h1&gt;
                              &lt;h4&gt;Business Applications&lt;/h4&gt;
                      &lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#profile" data-toggle="tab"&gt;&lt;h1&gt;**&lt;/h1&gt;
                              &lt;h4&gt;IT Infrastructure&lt;/h4&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#messages" data-toggle="tab"&gt;&lt;h1&gt;**&lt;/h1&gt;
                              &lt;h4&gt;Web &amp; Content&lt;/h4&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;/div&gt;
              &lt;a class="carousel-control right" href="#homeCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
              &lt;a class="carousel-control left" href="#homeCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>What could be wrong here?</p>
  
  <p>-Update:
  I tried updating the jQuery to 1.8.3 and Bootstrap to 2.2.2 - No Change</p>