jQuery insertAfter: will insert <li> but not <a>?
<p>With this code: </p>

<pre><code>&lt;ul data-role="listview" id="routelist" data-theme="g"&gt;
&lt;li id="firstlistitem" style="display:none;"&gt;
</code></pre>

<h2>    </h2>

<pre><code>$("&lt;li&gt;&lt;a href='http://www.google.co.uk'&gt;&lt;/a&gt;&lt;/li&gt;").text('content').insertAfter($("#firstlistitem"));  
</code></pre>

<p>and see also this jsFiddle: <a href="http://jsfiddle.net/6MW2e/" rel="nofollow">http://jsfiddle.net/6MW2e/</a></p>

<p>How come I end up with an unlinked list item? How can I insert an element with a link?</p>

<p>thanks!</p>
