jquery добавить элемент из строки + не закрывать теги должным образом

Question

У меня есть следующие строковые элементы, которые я хочу добавить в DOM, но в IE теги не закрываются. Пример:

$("#accordion").append('<div id="mydiv" class="sortme">bla bla bla</div><div id="panel" class="accordionPanel"></div>');

После того, как IE отобразит его, элементы div, например, отображаются без закрывающего тега. Это должно было быть "" и только показывает ""

Есть идеи, что здесь может происходить?

Спасибо, TT

Answer 1

Ваши теги не сбалансированы:

<div id="mydiv" class="sortme">
bla bla bla
</div>
<div id="panel" class="accordionPanel">
</div>
</div>

т.е. у вас есть дополнительный </div> в конце.

Answer 2

Попробуйте вставить два деления с двумя отдельными вызовами добавления. Кажется, я вспоминаю ошибку, когда попытка вставить несколько элементов одного уровня в IE не удалась