title: Detect whether HTML element contains a specific character entity
body: <p>If I have markup like this:</p>
  
  <pre><code>&lt;div id="foo"&gt;&amp;#xf067;&lt;/div&gt;
  </code></pre>
  
  <p>and I want to detect later whether div#foo still contains that same character entity, I'd like to be able to do so by comparing it to <code>&amp;#xf067;</code> rather than to <code></code> (which in my code base is rather obtuse for maintenance purposes).</p>
  
  <p>I've tried things like this (using jQuery):</p>
  
  <pre><code>console.log($('&lt;textarea /&gt;').html($('#foo').html()).val());
  </code></pre>
  
  <p>But that seems to still output the nice little square "what you talkin' 'bout" character rather than the desired <code>&amp;#xf067;</code>.</p>
  
  <p>I'm open to plain JavaScript or jQuery-specific solutions.</p>