Take 2 anchor tags and insert them into a <ul>, first and last
<p>I have this: </p>

<pre><code>&lt;div class="slider_controls"&gt;
&lt;a class="prev" href="#"&gt;Prev&lt;/a&gt;
&lt;ul class="pagination"&gt;
&lt;li class="current"&gt;&lt;a href="#0"&gt;1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#1"&gt;2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#2"&gt;3&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#3"&gt;4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;a class="next" href="#"&gt;Next&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>I want to make a.prev the first li in the ul.pagination, and a.next last li.</p>

<p>I tried this:</p>

<pre><code>$('ul.pagination li').append($('a.prev'));
</code></pre>

<p>but that added the a tags directly into existing li element.</p>
