title: Checking which elements contain text that has been highlighted
body: <p>Take the following lump of HTML:</p>
  
  <pre><code>&lt;span id="1"&gt;The &lt;/span&gt;&lt;span id="2"&gt;quick brown fox &lt;/span&gt;&lt;span id="3"&gt;jumped &lt;/span&gt;&lt;span id="4"&gt;over the lazy dog.&lt;/span&gt;
  </code></pre>
  
  <p>Which rendered, just looks like:</p>
  
  <pre><code>The quick brown fox jumped over the lazy dog.
  </code></pre>
  
  <p>If I were to highlight a portion of the rendered text, how could I tell which elements were covered by the highlighted area? For example if I highlighted "fox jumped" then I'd want to know that it was #2 and #3 that were included.</p>