Multiple jcarousels on one page issue
<p>I have some jcarousels on a page, and they grow up by a module.. So we can`t tell how many there will be. The problem is when i click on a one Carousel "Next" and "Previous" controls all the carousels change at same time. It happens because i have append a the control's from the java script like bellow</p>

<pre><code>if(jQuery().jCarouselLite)
{
  var galleryPane=jQuery('.galleryCon');
  galleryPane.append
  ('
   &lt;div class="jcarousel-prev"&gt;&lt;/div&gt;&lt;div class="jcarousel-next"&gt;&lt;/div&gt;'
  );

  jQuery("#mod_Pictures .gallery .galleyWrap")
  .jCarouselLite(
  {
    btnNext: ".jcarousel-next",
    btnPrev: ".jcarousel-prev",
    visible: 3,
    circular: false,
    auto:3000,
    speed:1000,
    scroll:1
  }
  );
}  
</code></pre>

<p>so the same class gets append to all carousels controls. When i click one all the carousels get changed. How can i append different classes to them?
I need a jQuery solution for this..
Please help.</p>
