title: Load div "data" on load
body: <p>I'm building an image carousel for for EPiServer, it works, but not exactly how I want it to. The current carousel starts spinning after I click the "next" button, before that it only shows one picture. I want it to start spinning directly when the page's loaded. See code for example. Ideas?</p>
  
  <pre><code>&lt;div id="carousel" class="carousel slide" data-ride="carousel" data-interval="@(Model.Interval.GetValueOrDefault(7) * 1000)" @Html.EditAttributes(m =&gt; m.ContentArea)&gt;
  
  &lt;div class="carousel-inner"&gt;
      @for (var index = 0; index &lt; Model.Slides.Count(); index++)
      {
          var slide = Model.Slides.ElementAt(index);
          &lt;div class="item @(index == 0 ? "active" : string.Empty) animated fadeInRight"&gt;
              @{
          Html.RenderPartial(slide.GetCarouselSlidePartialViewName(Html), slide,
              new ViewDataDictionary { { "ImageHeight", Model.ImageHeight.GetValueOrDefault(600) }, { "ImageWidth", Model.ImageWidth.GetValueOrDefault(1889) } });
              }
          &lt;/div&gt;
      }
  &lt;/div&gt;
  
  
  &lt;button href="#carousel" data-slide="next"&gt;CLICK ME&lt;/button&gt;
  @Html.FullRefreshPropertiesMetaData(new[] { "ContentArea" })
  </code></pre>
  
  <p></p>
  
  <p>So when I click on the button, it starts spinning with the href to the top div, but I want it to start as soon as the page's loaded.</p>
  
  <p>Thanks/
  Fredrik</p>