title: Strange Bootstrap Carousel Issue..first slide not loading initially
body: <p>The bootstrap carousel is working fine after sliding to second slide...however first slide is coming empty initially..once the second slide is loaded the carousel start working fine. I'm able to navigate through all slides.</p>
  
  <pre><code>&lt;div id="mediakit_carousel" class="carousel slide" data-ride="carousel"&gt;
                &lt;!-- Indicators --&gt;
                &lt;ol class="carousel-indicators"&gt;
                  &lt;li data-target="#mediakit_carousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                  &lt;li data-target="#mediakit_carousel" data-slide-to="1"&gt;&lt;/li&gt;
                  &lt;li data-target="#mediakit_carousel" data-slide-to="2"&gt;&lt;/li&gt;
                  &lt;li data-target="#mediakit_carousel" data-slide-to="3"&gt;&lt;/li&gt;
                  &lt;li data-target="#mediakit_carousel" data-slide-to="4"&gt;&lt;/li&gt;
                &lt;/ol&gt;
  
                &lt;!-- Wrapper for slides --&gt;
                &lt;div class="carousel-inner"&gt;
                  &lt;div class="active item"&gt;
                    &lt;img src="img/mediakit_image.png" alt=""&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                    &lt;img src="img/mediakit_image.png" alt=""&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                    &lt;img src="img/mediakit_image.png" alt=""&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                    &lt;img src="img/mediakit_image.png" alt=""&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                    &lt;img src="img/mediakit_image.png" alt=""&gt;
                  &lt;/div&gt;
  
                &lt;/div&gt;                  
              &lt;/div&gt;
  
  &lt;script&gt;$(window).load(function() {
                $('#mediakit_carousel').carousel({
  
          })
    });&lt;/script&gt;
  </code></pre>
  
  <p>The above javascript is coming from external js file.</p>
  
  <p>Any ideas? anyone?</p>