Wrap anchors in list tags in jQuery
<p>I have some code like this:</p>

<pre><code>&lt;div id="gallery"&gt;
    &lt;a href="#"&gt;link&lt;/a&gt;
    &lt;a href="#"&gt;link&lt;/a&gt;
    &lt;a href="#"&gt;link&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>and I want to rewrite it using jQuery to produce:</p>

<pre><code>&lt;div id="gallery"&gt;
    &lt;ul id="carousel"&gt;
        &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>What's the best way?</p>
