Simple jQuery selection issue
<p>I'm pretty sure this is gonna have a real simple answer but I just can't figure out where I'm going wrong</p>

<p>I've got this html :-</p>

<pre><code>&lt;tr&gt;
    &lt;td class="featureCell" id="featureCell_Announced"&gt;
           &lt;div&gt;Announced&lt;/div&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>And I've got this jquery :-</p>

<pre><code>$('.featureCell').each(function () {
    console.log($(this).html());   
})
</code></pre>

<p>The output I'd expect is </p>

<pre><code>&lt;div&gt;Announced&lt;/div&gt;
</code></pre>

<p>However, the output I get is </p>

<pre><code>Announced
</code></pre>

<p>Somehow the parent div got stripped... Any ideas?</p>
