I am having a problem I want to attach the registered trademark symbol a button and I want it to be done with jquery because there are lots and lots of buttons that require the sign when I used it with html for example(below) it worked.

<input type="button" class="button_a" value="Value &reg;" />

But when I used jquery as below it returns as plain text:

$('.button_a').each(function(){
    $(this).attr("value",$(this).attr("value")+" ®");
});

I don't want to waste my time and space by putting ® in all the button's values so I want it to be done in jquery but what am I doing incorrect.

I know it's a sluggish question but please someone help out me in this question

Javascript may be also used.

For more info please ment and ask

Thanks....

I am having a problem I want to attach the registered trademark symbol a button and I want it to be done with jquery because there are lots and lots of buttons that require the sign when I used it with html for example(below) it worked.

<input type="button" class="button_a" value="Value &reg;" />

But when I used jquery as below it returns as plain text:

$('.button_a').each(function(){
    $(this).attr("value",$(this).attr("value")+" ®");
});

I don't want to waste my time and space by putting ® in all the button's values so I want it to be done in jquery but what am I doing incorrect.

I know it's a sluggish question but please someone help out me in this question

Javascript may be also used.

For more info please ment and ask

Thanks....

• javascript
• jquery
• html
• symbols

6 Answers 6

® is being rendered as a text string, but you can use unicode \u00AE

$('.button_a').each(function(){
    this.value = this.value +" \u00AE";
});

http://jsfiddle/fbuohvm1/

or just ®:

$('.button_a').each(function(){
    this.value = this.value +" ®";
});

http://jsfiddle/fbuohvm1/1/

Because, while the DOM you are manipulating was initialised from an HTML document, you are now dealing with DOM and not HTML. You are writing the value as text not as HTML.

You need to use either a literal character ("®") or a JavaScript escape sequence ("\u00AE").

You have to encode it first before setting the value of textbox.

$('.button_a').each(function () {

    $(this).val("value " + $("<div/>").html('&reg;').text());
});

$("<div/>").html('&reg;').text() will return the encoded value.

Demo: https://jsfiddle/tusharj/t2gwptys/

you need to process content by html(), because html entities is manipulate by html() function, try this code.

$('.button_a').each(function(){
    $(this).val($("<p/>").html($(this).val()+" &reg;").html());
});

Use a hidden div.

$('.button_a').each(function(){
    var decoded = $('<div/>').html('&reg;').text();
    $(this).val($(this).val() + ' ' + decoded);
});

See Sample

In your case plain js is more straightforward:

$('.button_a').each(function(){
    this.value += " ®";
});

-- EDIT -- Unfortunately this is still escaped, in fact you need

    this.value += " \u00AE";