If div is empty, remove it and change class of next div
<p>Some generated output can be as follows:</p>

<pre><code>&lt;div class="fivecol"&gt;&lt;/div&gt;
&lt;div class="sevencol"&gt;content&lt;/div&gt;
</code></pre>

<p>if the div.fivecol is empty, I want to remove it and change the div.sevencol to a div.twelvecol</p>

<pre><code>$('.fivecol').each(function() {
    if ($(this).html() ==''){
       $(this).remove().next('sevencol').removeClass('sevencol').addClass('twelvecol');
    }
});
</code></pre>

<p>doesn't do the trick. Any ideas?</p>
