Question

I have one textbox, button and and list box with some text.

When I click on button what ever the text I enter in text if it matches the text in the list box I am trying to highlight that text using jquery I used this code.

Jquery Code

$("#btnhighlight").click(function () {
    alert("yes");
    var htext = $("#txthighlighttext").val();
    alert(htext);
    $("#lstCodelist").highlight('MD');
});

Style sheet I used to hightlight and i downloaded the highlight plug in added to the project

<style type="text/css">
    .highlight { background-color: yellow }
</style>

Please can any one help me out how to do this. or if I am doing wrong?
Can an

Answer 1

Maybe your problem is that your script is executed before DOM ready.

try with this:

$(function (){
    $("#btnhighlight").click(function () {
        var htext = $("#txthighlighttext").text();
        $('#lstCodelist').highlight(htext);
    });
});

or put your script at the body end.

ps. I supposed you used this plugin (jquery.highlight)

edit:
http://jsfiddle.net/yJmBu/ here a full example