hide div if it contains no text
<p>If <code>PageHeaderDescription</code> contains no text content then I want to hide it. Is it possible with jquery?</p>

<pre><code>&lt;div class="PageHeaderDescription"&gt;
  &lt;h1&gt;Accessories&lt;/h1&gt;
  &lt;img border="0" src="" style="cursor: pointer; display: none;" id="EntityPic621"&gt;
&lt;/div&gt;
</code></pre>

<p>This is what the div looks like with text:</p>

<pre><code>&lt;div class="PageHeaderDescription"&gt;
  &lt;h1&gt;Accessories&lt;/h1&gt;
  &lt;img border="0" src="" style="cursor: pointer; display: none;" id="EntityPic621"&gt;
  This is the Accessories page, you can find stuff for the products!
&lt;/div&gt;
</code></pre>
