IE issue with .children()

IE issue with .children()

I'm trying to use the following code to get me the html of a div with the id of accordion and then append the code to another part of the page.

  2. ...
  3. // set accordion object
  4. var accordion = $('#accordion');

  6. // get html for each section
  7. var sectionHTML = accordion.children();
  8. ...
  9. accordion.append(sectionHTML[i]);
  10. ..
The "accordion.append(sectionHTML[i]);" html appends correctly in Chrome, FF and Safari but not IE6+. Instead only the container is returned within IE. I realize I can use .html() to get the html from each section but having to unwrap() and wrap() is just too clunky imo.

Any thoughts on how I can fix this in IE?