Hide div's if they are empty
<p>I have some div's that maybe be empty (depending on server-side logic).</p>

<pre><code>&lt;div id="bar"&gt;

&lt;div class="section" style="display:block;"&gt;&lt;/div&gt;
&lt;div class="section" style="display:block;"&gt;&lt;/div&gt;
&lt;div class="section" style="display:block;"&gt;&lt;/div&gt;

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

<p>If they don't have any html inside the div's (with class section), I just want to hide them.</p>

<p>How can I do this?</p>
