html entities not displaying when passed by jQueryUI

Question

This is my HTML code

 <input id="email" name="email" type="text" autocomplete="off" />
 <span id="emailInfo"></span>

This jQuery script which validates the input and prints a message within the span tags

 emailInfo.text("This email is already registered!");

This works prefect but when I try to print an HTML entity, it won't be recognized.

 emailInfo.text("&#x2713;");

✓ = ✓

However, It would be recognized if I manually typed it anywhere in the HTML page.

Why is this happening ?

adeneo · Accepted Answer · 2014-07-25 10:57:11Z

2

You have to switch from text() to html(), as jQuery's text() method does not parse the string as HTML, but inserts it as text, hence the entities won't be converted.

emailInfo.html("&#x2713;");

answered Jul 25, 2014 at 10:57

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

html entities not displaying when passed by jQueryUI

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related