title: Highlight an individual word within a text block on hover
body: <p>In javascript/jQuery, is there a way to identify a word in a text block/paragraph?  For example, say I have the following paragraph:</p>
  
  <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit interdum fermentum. Aenean fermentum imperdiet augue, et venenatis lectus semper vel. Phasellus faucibus nulla in quam egestas eleifend. Cras tristique augue eget libero tristique condimentum. Mauris eget diam eget risus feugiat rutrum. Duis placerat lorem quis augue semper porttitor. Nullam iaculis dui feugiat erat condimentum rutrum. Sed at accumsan diam. Maecenas ut urna id velit posuere auctor in vel dui. Aenean consectetur dui in leo faucibus sed feugiat dui blandit. In accumsan diam vitae erat volutpat volutpat aliquam nunc euismod. Vivamus viverra lorem nulla. Quisque justo quam, adipiscing sit amet auctor non, laoreet sit amet nisl. Donec euismod lorem ac mi dictum volutpat. Donec ligula mi, varius ac auctor at, sollicitudin id elit. In auctor sodales ipsum nec consectetur. Sed lacinia varius nibh vitae vulputate.</p>
  </blockquote>
  
  <p>If I hover my mouse cursor over the first word, "Lorem", I would like it to become bold (for example).  Basically, I would like just the text that the cursor is over to have a CSS property added to it on mouseover, then have that CSS property removed when the cursor is no longer on top of that word.</p>
  
  <p>The only way I can think of doing this is to add a <code>&lt;span&gt;</code> tag between each and every word.  Is this the only way?  Is there a more efficient way perhaps, or does jQuery's mouseover event only work within tags?  Can it work in identifying text blocks?</p>