как удалить не нужный контент
 

доброе время суток. подскажите как удалить вот такое:

<div>
 <div>
  <еще много дивов и контента>
   <div id="main"><!-- начиная отсюда -->
    <div>
     и здесь много дивов и разного контента
    </div>
   </div><!-- и заканчивая здесь то что мне нужно оставить -->
  </еще много дивов и разного контента>
 </div>
</div>

но что бы <div id="main"> и его содержимое осталось...

заранее спасибо за ответы

Используя jQuery примерно так:

var mainDiv = jQuery("#main").html();
jQuery("#main").parent().html(mainDiv);

возможно что-то напутал с синтаксисом, но идея в общем понятна
если что - погугли