debugging - jquery .replaceWith() not playing nice with .clone() in IE7 -

I am using jQuery to create a linked TOC in a dialog box. To do this, I used to type the function I found in all the h4 page and

• to link them to id s
• Adds some numerical performance information
• Clone them
• The clone changes to li s
• In anchor tag
• Anchor adds a click function on anchor to close a dialogue function
• title s and Href links to the original h4 s
• Adds li s
• to

However, li s> in IE 7 , cloned h4 s to li S not working in Firefox works in IE7, there is something like this in Firefox, such as .replaceWith () appears to be ignored ... why?

It looks like:

In action:

< P> I really can not understand why people love so many cloning ...)

I will do something like this

  $ ('# content h4' ). (Function (index) {index = index; 1; $ (this) .attr ('id', 'tutorial_' + index). First (function () {return '& quot; div class = "how_to" & Gt; How & lt; Div & gt; & Lt; Span & gt; & Lt; Li & gt; "+ $ (This) .text () +" & lt; & Lt; & Lt; / Li> ") .wrapInner (" & lt; a & gt; & lt; / a & gt; "). Find ('a'). Click (function () {$ (" # dialog "). Dialog (" off " ");)) .attr ({'title': 'jump to' + $ (this) .text (), 'href': '#tutorial_' + index}) .end () .appendTo ('# dialog ol ')});  

But this is just me :)

Edit: To read "much more" about changing After () - It seems that the unresolved bug is IE 7 & IE6 ... forever so I left my work, took you and replacewith to html Changed with - the way in which you are in this situation Just replace the HTML of the item and return it to yourself.

To change it, you probably ran into the web vs. IE7 bugs;)