Question

I have a jQuery Mobile page with text under the element (simple page):

<div data-role='content' > 

Using jQuery how can I wrap each occurrence of the word Canada with a span like this:

<span class='query'>Canada</span>

Answer 1

$('div[data-role="content"]').html(function(i, v) {
    return v.replace(/(Canada)/gi, '<span class="query">$1</span>');
});

Here’s the fiddle: http://jsfiddle.net/9CXFR/