javascript - jQuery タブ - 同じページ上の複数のタブ ブロック

Question

次のタブコードがあります。

<div class="block_tabs_type_1">
<div class="tabs">
    <ul>
        <li><a href="#1" class="current"><span>First Tab</span></a></li><!-- tab link -->
        <li><a href="#2"><span class="icon cloud"></span></a></li><!-- tab link -->
        <li><a href="#3"><span>Nested Shortcodes</span></a></li><!-- tab link -->
    </ul>
</div>

<div class="tab_content">
    <!-- tab content goes here -->
    <p>Duis r inceptos himenaeos.</p>
</div>

<div class="tab_content">
    <!-- tab content goes here -->
    <p>Duis tincidunt er p elit.</p>
</div>

<div class="tab_content">
    <!-- tab content goes here -->
    <p>Duis tincidunt e inceptos himenaeos.</p>
</div>

<script type="text/javascript">
    jQuery('.block_tabs_type_1 .tabs').tabs('.block_tabs_type_1 .tab_content', {
        initialIndex : 0
    });
</script>

同じページに別のタブ ブロックを追加したいのですが、JS を正しく機能させるのに苦労しています。

誰でもアドバイスできますか？