Highlighting search words like Chrome with jQuery

Question

I have recently done a very simple highlighting with jQuery and a highlight plugin. It looks like this:

$(\'myButton\').click(function() {

Answer 1

I made quick excersise out of it, code:

    $(document).ready(function(){
    var search = ['p', 'div', 'span'];

    $("#highlighter").bind('keyup', function(e){
    var pattern = $(this).val();

    $.each(search, function(i){
        var str = this[0];        
        var orgText = $(str).text();

        orgText = orgText.replace(pattern, function($1){
          return "" + $1 + ""
        });

        $(str).html(orgText);
    });    
  });
});​​

link: http://jsbin.com/amica3/edit