Replace jquery text with TM character entity, with jquery

Question

How do I change text with TM character entity in the text, with jquery?

For example :

TM = &#8482 ; ™

<h1>Some text&#8482;</h1>

Now I want to change text on button click to 'This is some other text™'

$('#click1').on('touchend', function () {
    $('h1').text("This is some other text");
});

How can I place the ™ with jquery and how can I place it in <sup></sup>?

Answer 1

Use .html instead of .text:

$('h1').html('This is some other text ™');

Answer 2

Try this

$('h1').html("This is some other text <sup>&#8482;</sup>");

Example