title: Multiple jcarousels on one page issue
body: <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.</p>