[jQuery] html() doesn't work for me. innerHTML() do. Why?

[krlosnow]

Hello all:

I'm newby in jquery, and I have the next problem:

I've a form working with the form plugin. It works fine. I have the next
callback method:

function showResponse(responseText, statusText){
        alert(responseText);
        $('#frameBody').html(responseText);
        alert ($('#frameBody').html());
}


When the showResponse() method is invoked, the first alert() shows something
like that:

<div>





    <spann>buttons</spann>
    <div id="myDiv">
        <div id="errorsDiv">
             <html:errors />
        </div> 
        <spann>Main Page</spann>
    </div>
</div>



(I have intentionally changed the "span" tag to "spann", in order to show
this post correctly)

As you can imagine, this code is generated by a jsp page, in a struts
framework.
The surprise comes with the second alert():

<SPANN>Main Page</SPANN>

Where is the rest of the code? If I change :

$('#frameBody').html(responseText);

to

document.getElementById("frameBody").innerHTML = responseText;


it works fine!!!!.  What is happening?   Must I use the old fashioned way ?

This is only a jquery proof of concept, but it is worrying me... Any idea?

Thanks in advance from Spain (sorry for my english):

Carlos.
-- 
View this message in context: 
http://www.nabble.com/html%28%29-doesn%27t-work-for-me.-innerHTML%28%29-do.-Why--tp19762027s27240p19762027.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.