Highlight Text using jQuery

jQuery, .html(), .replace

by codeSpy

HTML

<p id="mainText">Hello this is my message!!!</p>

<input type="text" id="inputTextBox" />

<input type="button" id="findButton" value="Find" />

JavaScript

$("#findButton").click(function(){
    var inputText = $("#inputTextBox").val();
    var mainText = $("#mainText").text();
    var updatedText = "<b>" + inputText + "</b>";
    mainText = mainText.replace(inputText, updatedText);
    $("#mainText").html(mainText);
});