JCarousel lite multiple carousels

$(window).load(function() {
  $(".carousel").each(function() {
    id = "#" + $(this).attr("id");
    $(id + " .carousel").jCarouselLite({
     btnNext: id + " .next-gallery",
     btnPrev: id + " .previous-gallery",
     visible: 1
    });
  });
});

<div id="1" class='carousel'>
  <ul>
    <li>
      <a href="#">
        <img src="foto-op.jpg" />
      </a>
    </li>
    <li>
      <a href="#">
        <img src="59453-10100255219345305.jpg" />
      </a>
    </li>
  </ul>
  <a href="#" class="previous-gallery">Previous Image</a>
  <a href="#" class="next-gallery">Next Image</a>
</div> 

<div id="2" class='carousel'>
  <ul>
    <li>
      <a href="#">
        <img src="59453.jpg" />
      </a>
    </li>
    <li>
      <a href="#">
        <img src="59453.jpg" />
      </a>
    </li>
  </ul>
  <a href="#" class="previous-gallery">Previous Image</a>
  <a href="#" class="next-gallery">Next Image</a>
</div>