current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite
1

I have a variable with html in it like this:

var html = '<div>Hello, you&#39;re awesome!</div>';

I want to append it to an element $("body").append(html) for some reason it's not decoding the HTML Entity. I tried $("body").append($(html)); and that didn't work. My text is stuck inside the element and I can't individually put it together.

Is there any way to append html with a text-based entity inside it into another element, and have the html entity render on the page?

I've read a bunch of posts on stackoverflow reguarding html entities and it seems that none of them include the html & text within a variable like this.

share|improve this question
1  
Works just fine for me: jsfiddle.net/zF4Va/1 –  Blender Apr 5 '13 at 20:40
    
Like this? jsfiddle.net/ruALs –  Kevin B Apr 5 '13 at 20:40
    
Ah my text was &amp;#39;! I should have checked outside my environment and confirmed. Thanks! –  ThomasReggi Apr 5 '13 at 20:43

2 Answers 2

up vote 2 down vote accepted

Try this:

var html = $('<div>Hello, you&#39;re awesome!</div>');
$("body").append(html)

Demo here

share|improve this answer
up vote 0 down vote

It could be possible that your page did not finish loading while the jQuery code was trying to append the content. Try:

$(document).ready(function (){
  var html = '<div>Hello, you&#39;re awesome!</div>';
  $('body').append(html)
};

And I would suggest using single quotations only unless you need to use escaped characters.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.