Not able to assign html value from javascript to an html element in chrome browser

Question

I am trying to assign a value like <div> a value </div> to an html element say textarea in chrome browser, but the value is not getting assigned. It works fine if i try to assign a plain text like a value

I am using this

$('#editor').html((content));

where content = <div> a value </div>

Please help me in solving this issue. Is it chrome not allowing to assign the html value or some thing different?

Answer 1

use this code to assign value or html to a div using jquery

$('#editor').append('<div> a value </div>');

or

content = '<div> a value </div>';
$('#editor').append(content);

Answer 2

$("#editor").html($("<div>").text("<div>a value</div>").html());​

Check here : http://jsfiddle.net/MkBSP/1/

Answer 3

Don't mess with the innerHTML of a textarea, set its value instead.