title: using jquery, how to highlight search term in ajax response HTML content
body: <p>I am seeing plenty of libraries and plugins for finding a search term in a regular page, but they are not written to handle highlighting a string within ajax response content.  E.g. many scripts I find do the call to the main function like for example: </p>
  
  <pre><code>`returnDataSearchTermHighlightified = highlight(searchString);`
  </code></pre>
  
  <p>(^^^ from the accepted answer at: <a href="https://stackoverflow.com/questions/3241169/highlight-search-terms-select-only-leaf-nodes">Highlight search terms (select only leaf nodes)</a>)</p>
  
  <p>...where that <code>highlight()</code> function's missing second param is auto-populated with the entire HTML body of the page.  But in my case I am not wanting to highlight keywords in the parent body, but in the ajax response content only (a div I populate in the parent body), and so I cannot do e.g. this:</p>
  
  <pre><code>returnDataSearchTermHighlightified = highlight(searchString);
  </code></pre>
  
  <p>...and if I try this:</p>
  
  <pre><code>...
  var jqxhr = $.ajax(
  
          {
              type: 'POST',
              url: ajaxWorkerSourceUrl,
              data: form_data,
              timeout: 15000
          }
      )
      .success(function(returnData) {
          $("#ajaxSpinner").fadeOut('slow');
          searchString = 'example';
          returnDataSearchTermHighlightified = highlight(searchString, returnData);
  </code></pre>
  
  <p>...then the page seems to load my ajax response with no error, but that response content is empty!
  Can anyone point me to fixing this?  .. or even to a library or plugin designed to handle keyword highlighting in jquery ajax response content?</p>
  
  <p>Thanks!</p>