title: JQuery Carousel multiple instances on the same page
body: <p>I am trying to use a third-party jQuery Carousel plugin in a project at work (don't know which plugin it is though). The problem is that when I use multiple instances of the same plugin on the same page only one of the instances updates. I think this issue is with how my instances are setup. I have constructed a jsFiddle at <a href="http://jsfiddle.net/5HVqa/" rel="nofollow">here</a>.</p>
  
  <p>The carousel is attached by the .carousel class and all instances are initiated by the method shown below:  </p>
  
  <pre><code>// Enable carousel
  $.each($('.carousel'), function (i) {
      $(this).carousel(this.id);
  });
  </code></pre>
  
  <p>Unlike in my local code, in the JsFiddle only one of the carousels works. Any help would be very much appreciated.</p>