how to include html inside of javascript

Question

i have javascript jquery that looks like this:

var userInput = prompt("Liquid Handler #:", "Liquid Handler #:");
$(this).next('a').text('Liquid Handler #:' + userInput);

i would like to know how i can include html into the text something like this:

var userInput = prompt("Liquid Handler #:", "Liquid Handler #:");
$(this).next('a').text('Liquid Handler #:' + '<b>' + userInput + </b>);

how do i inject html into the javascript?

Answer 1

Use .html instead of .text.

$(this).next('a').html('Liquid Handler #:<b>' + userInput + '</b>');

Answer 2

jQuery's .html() method should help.