How to Sort an Unordered List inside an Anchor Tag
<p>I have the following DOM structure (unordered list), that I would like to sort on the <code>a href</code> tag name using jQuery.</p>

<p>Structure is as follows:</p>

<pre><code>&lt;div id="refmenu"&gt;
&lt;ul id="list"&gt;
&lt;li&gt;&lt;a href="...."&gt;Google&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="...."&gt;Apple&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="...."&gt;IBM&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="...."&gt;Yahoo!&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="...."&gt;Hotmail&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Based on the above, would like to be able to run this through a jQuery function that will sort the unordered list names alphabetically, obviously also keeping the <code>a href</code> link together with the anchor tag names.</p>

<p>Hope someone can assist.</p>

<p>Thanks.</p>
