how to "refresh" UL after adding new LI with jQuery?
<p>I think it's similar to <a href="http://stackoverflow.com/questions/5925810">this question</a>, but my problem is about jQuery and HTML5. I'm adding a <code>&lt;LI&gt;</code> element to <code>&lt;UL&gt;</code> and links (<code>&lt;a href=".."&gt;</code>) added inside apears as plain text, not clickable. Besides that, images are not visible, while <code>&lt;img src=".."&gt;</code> elements are being added propertly. </p>

<p>Looks like I need some "refresh" trick to do after using <code>append()</code>. Which one?</p>

<p>This is my code, just in case:</p>

<pre><code>$('ul').append($('&lt;li/&gt;').append($('&lt;img/&gt;').attr('src', 'http://example.com')));
</code></pre>

<p>The image is not visible, while HTML is being build correctly. I'm trying in Safari 5.1 on Mac.</p>

<p>BTW, everything works perfectly fine in Firefox 10.0. Maybe the actual problem is that I'm using XML+XSL formatting in Safari and plain HTML5 in Firefox..</p>
