Несколько вкладок с JQuery

Question

Я использую следующий код для вкладок, он работает очень хорошо, но я не понял, как правильно отображать несколько наборов вкладок на одной странице, был бы очень признателен, если бы кто-нибудь мог мне помочь.

    $("ul.tabs li.label").hide();
$(".tab-set > div").hide();
$(".tab-set > div").eq(0).show();
$("ul.tabs a").click(
  function() {
      $("ul.tabs a.selected").removeClass('selected');
      $(".tab-set > div").hide();
      $(""+$(this).attr("href")).fadeIn('slow');
      $(this).addClass('selected');
      return false;
  }
);
$("#toggle-label").click( function() {
  $(".tabs li.label").toggle();
  return false;
});
$("ul.tabs a[href="+location.hash+"]").click();

HTML:

<!-- tab group 1 -->
<div class="widget">
    <ul class="tabs"> 
        <li><a href="#1" class="selected">tab1</a></li> 
        <li><a href="#2">tab2</a></li> 
    </ul>
    <div class="tab-set">
        <div id="1">
            tab1
        </div>
        <div id="2">
            tab2
        </div>
    </div>

</div>

<!-- tab group 2 -->
<div class="widget">
    <ul class="tabs"> 
        <li><a href="#3" class="selected">tab1</a></li> 
        <li><a href="#4">tab2</a></li> 
    </ul>
    <div class="tab-set">
        <div id="3">
            tab1
        </div>
        <div id="4">
            tab2
        </div>
    </div>
</div>