Как убрать повторы DIV
 

Подскажите, как из

<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>

сделать

<div id="text">стул</div>
<div id="text"></div>
<div id="text"></div>
<div id="text"></div>
<div id="text">лист</div>
<div id="text"></div>
<div id="text"></div>
<div id="text"></div>
<div id="text"></div>

vgd,
На jQuery можно так

<style>
div[id="text"]{
 padding-left:3px;
 min-height:15px;
 width:200px;
 border:1px solid blue;
 margin:2px;
}
</style>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>


<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">стул</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>
<div id="text">лист</div>


<script type="text/javascript">
$("div[id='text']").each(function () {
  var text=$(this).text();
   if(text!=''){
    $("div[id='text']:contains('"+text+"')").each(function (j) {
     if(j)$(this).text("")
    });
   }
});
</script>