Help with creating a search box which finds text on a page.

Help with creating a search box which finds text on a page.

I am not too familiar with jQuery although I'm quite good with HTML & CSS. I'm am working on building a text field which would store whatever is type into it and then use the .find to turn this text red.

Here would be the code to find text and make it red. What I'm trying to do is add a text field which would change what it's looking for. In the code below it's looking for the span tags. I want to instead of looking for span take the text out of the text field and insert it where the span is. I would also like this to be done live. Thanks for your help

  1. </
    html><!DOCTYPE html>
    <html>
    <head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
    <p><span>Hello</span>, how are you?</p>
    <p>Me? I'm <span>good</span>.</p>
    <script>
    $("p").find("span").css('color','red');
    </script>
    </body>