Alterar dinamicamente o HTML de uma div com o jQuery está causando a perda da codificação HTML
Eu tenho um pedaço de código que altera dinamicamente o HTML de uma div chamada 'acordeão' on the fly assim:
// htmlstring contains some HTML containing some HTML encoding
// e.g. <span class='clickableComponent component' onclick="ComponentClicked('4612', 'Don't know', '44761');">Don't know</span>
$('#accordion').html(htmlstring);
No entanto, depois que o HTML do elemento 'acordeão' é definido, ao inspecionar o HTML da div via FireBug (ou outra ferramenta de desenvolvedor), o apóstrofo codificado é perdido e, em vez disso, é substituído por um apóstrofo que não é codificado. A codificação parece se perder no método .html.
Tentei usar a atribuição do HTML usando o método .innerHtml, mas a mesma coisa acontece.
Alguém tem alguma idéia de por que isso está acontecendo?