Jquery.html () no funciona en IE7 pero innerHTML funciona en el mismo lugar

Implementé una funcionalidad donde div se está completando a través de una respuesta ajax, verifique el código a continuación para mayor claridad:

jQuery.ajax({ type: 'POST', url: url, dataType: 'json', data:data, success: function(jsonResp) { $('#formContainer').html(jsonResp.html); } }); 

La function jquery .html() funciona en FF, crome, IE 8,9 pero no funciona en IE7 como se esperaba, no está poblando la respuesta html dada, hice algunas depuraciones en el código y comprobé si hay algún otro div con la misma ID o no, pero solo hay un div en el documento que tiene ID de 'formContainer', luego de eso cuando uso la function innerHTML lugar de la function $.html() , funciona correctamente en IE7, no puedo descifrar por qué innerHTML funciona & $.html() no.

Si hay alguna causa importante, debo replace la function $().html() por la function innerHTML en la aplicación.

El atributo jQuery html no funciona en IE

Este enlace proporciona innumerables forms de hacer lo mismo. Tuvimos el mismo problema y encontramos una salida para usar esto.

Use empty() y append() juntos

 $("#formContainer").empty(); $("#formContainer").append(jsonResp.html); 

Intente usar append en lugar del método html como se detalla en esta publicación .

  $("#formContainer").empty(); $("#formContainer").append(jsonResp.html); 

tratar

 jQuery('#formContainer').html(jsonResp.html); 

Insistido de

 $('#formContainer').html(jsonResp.html);