jQuery Forum

I've got some unordered lists and i want to create a link from a list item. It should insert the text of the List Item into a link and replace the former listitem content by the link. I think the problem is a visibility problem of the items. Works fine with firefox, other browsers create empty list items.

HTML:

1. <ul>
2. <li>Seggl</li>
3. <li>Leger</li>
4. </ul>

jQuery:

1. $('li').each(function() {
2. $(this).html('<a href="http://eu.battle.net/wow/de/character/Kil'jaeden/' + $(this).text() + '/simple>' + $(this).text() + '</a>');
3. });

Demo:
http://www.whf-guild.com/roster.php

works fine with firefox but not with other browsers. Is there another way to do this? Would be great. Thx for your ideas