javascript - 要素を div からリストに複製する

Question

シンプルなタブ メニューを作成する必要があります。問題は、そのような何かを生成しなければならないということです...

 <ul id="menu">
  <li class="First">First</li>
  <li class="Second">Second</li>
  <li class="Third">Third</li>
</ul>

…そんな風に思うから

<div class="someclass">
     <li class="First">First</li>
    <p>text</p>
    </div>
<div class="someclass">
     <li class="Second">Second</li>
    <p>text</p>
    </div>
<div class="someclass">
     <li class="Third">Third</li>
    <p>text</p>
    </div>

私はjsの純粋な知識でこの問題を解決しようとしました...

<div id="PutAfter">  
<ul id="menu">
  <li id="m">First</li>
  <li id="m">Second</li>
  <li id="m">Third</li>
</ul>
   <div style="display:none"> 
<div class="someclass">
     <li id="m">4</li>
    <p>text</p>
    </div>
<div class="someclass">
     <li id="m">5</li>
    <p>text</p>
    </div>
    <div class="someclass">
     <li id="m">6</li>
    <p>text</p>
    </div>
    </div>

と簡単なスクリプト

$(document).ready(function(){
     $('#4').clone().insertAfter($('#m3'));
     $('#5').clone().insertAfter($('#4'));
     $('#6').clone().insertAfter($('#5'));
});

ご覧のとおり、大きな問題があります-IDに重複があります:(<li>メニューがheader.phtmlファイルに読み込まれ、<div>コンテンツがfooter.phtmlに読み込まれるため、スクリプトの要素のIDを生成できないため、必要なIDの量が正確にわかりません（そのため、 php を使用してメニュー項目を取得できません - 標準的な "get from db" の Zend は忘れてください...) たぶん、"配列" を生成するか、単に取得する必要がありますか?

どんな助けにも本当に感謝しています！