2. $(function(){
3. function searchAndHighlight(searchTerm, selector) {
4.     if(searchTerm) {
5.         //var wholeWordOnly = new RegExp("\\g"+searchTerm+"\\g","ig"); //matches whole word only
6.         //var anyCharacter = new RegExp("\\g["+searchTerm+"]\\g","ig"); //matches any word with any of search chars characters
7.         var selector = selector || "#bodyContainer";                             //use body as selector if none provided
8.         var searchTermRegEx = new RegExp(searchTerm,"ig");
9.         var matches = $(selector).text().match(searchTermRegEx);
10.         if(matches) {
11.            $('.highlighted').removeClass('highlighted');     //Remove old search highlights
12.                 $(selector).html($(selector).html().replace(searchTermRegEx, "<span class='match'>"+searchTerm+"</span>"));
13.            $('.match:first').addClass('highlighted');
14.             $('#next').on('click',i=1, function()
15.         {                                                                   $('.match').removeClass('highlighted');                                                                   $('.match').eq(i).addClass('highlighted');
16.          if( i >= $('.match').length -1) {
17.              i=0;
18.          }
19.           i=i+1;  
20.      }); 
21. 
    
22.             if($('.highlighted:first').length) {             //if match found, scroll to where the first one appears
23.                 $(window).scrollTop($('.highlighted:first').position().top);
24.             }
25.             return true;
26.         }
27.     }
28.     return false;
29. }
30. $(document).ready(function() {
31.     $('#search-button').on("click",function() {
32.         if(!searchAndHighlight($('#search-term').val())) {
33.             alert("No results found");
34.         }
35.     });
36. });
37. });//]]>  

It works fine when the url is not the same as the link description, but when they are, it adds the class to both url and link description, and the url gets broken.

Something like this:

1. <a href="http://mywebsite.com/tagged/<span class='match'>back</span>"><span class="match highlighted">back</span></a>

Can somebody please help me? I've tried many solutions but none has worked. thanks in advance!