Jquery clone().text() doesn't work in IE

[Colin Zheng]

Hi,
Can you help me understand why this doesn't work in IE but works in FF?

var $error = $('<br><span class="error" style="color:red"></span>');
var $error1 = $error.clone();
$error1.text('Required Field');

[Bear Bibeault]

It's not a discrete element. You've got that <br> in there that's likely boofing things up. What happens if you remove the <br>?

(<br>? Why aren't you using CSS to control layout?)

[Bear Bibeault]

I also rarely use .text(). I find that .html() seems to work more reliably.

[Eric Pascarello]

I think I am with Bear on the BR messing it up.

Try

$error1.find("span").text('Required Field'); 
//or
$error1.find("span").html('Required Field'); 

Eric

[Colin Zheng]

Yeah, you guys are right: the <br> messed it up. When I removed it, it works in IE now. Thanks for the quick point-out.
I am very frustrated on debugging Javascript in IE as a beginner. Do you have good idea on any tools that we can debug like Firebug in Firefox?

Thanks a lot,
Colin

[Bear Bibeault]

Modern versions of IE have a built-in debugger.