title: How can I dynamically highlight strings on a web page?
body: <p>I want to create pages with urls such as:</p>
  
  <pre><code>http://xyzcorp/schedules/2015Aug24_Aug28/Jim_Hawkins
  http://xyzcorp/schedules/2015Aug24_Aug28/Billy_Bones
  http://xyzcorp/schedules/2015Aug24_Aug28/John_Silver
  </code></pre>
  
  <p>These particular URLs would all contain the exact same content (the "2015Aug24_Aug28" page), but would highlight all instances of the name tagged on to the end. For example, "<code>http://xyzcorp/schedules/2015Aug24_Aug28/Billy_Bones</code>" would show every instance of the name "Billy Bones" highlighted, as if a "Find" for that name was executed on the page via the browser.</p>
  
  <p>I imagine something like this is required, client-side:</p>
  
  <pre><code>var employee = getLastURLPortion(); // return "Billy_Bones" (or whatever)
  employee = humanifyTheName(employee); // replaces underscores with spaces, so that it's "Billy Bones" (etc.)
  Highlight(employee); // this I have no clue how to do
  </code></pre>
  
  <p>Can this be done in HTML/CSS, or is JavaScript or jQuery also required for this?</p>