Iterate Through Dynamic tags and populate using jquery
<p>I have this so far...</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $('ul').addClass('navMenu');
        $('li').addClass('todo').html("&lt;span class='navItemHead'&gt;&lt;/span&gt;");
        $('span.navItemHead').wrap("&lt;a href='/My/Website'&gt;&lt;/a&gt;");
    });
&lt;/script&gt;
</code></pre>

<p>I have four names I want to put into the name tag Mary,Nick,Matt,Meg and 1,2,3,4 in the span tag, so the final html should read.....</p>

<pre><code> &lt;li class="todo "&gt;
        &lt;a href="/Register/Website"&gt;&lt;span class="navItemHead"&gt;1&lt;/span&gt;Mary&lt;/a&gt;       
 &lt;/li&gt;
 &lt;li class="todo "&gt;
        &lt;a href="/Register/Website"&gt;&lt;span class="navItemHead"&gt;2&lt;/span&gt;Nick&lt;/a&gt;
 &lt;/li&gt; ....etc
</code></pre>
