Как в jQuery удалить оберточный элемент?

Есть HTML:

<div id="block">

    <div class="block">

        <div class="block_item"></div>

        <div class="block_item"></div>

    </div>

</div>

Если размер окна меньше 600px, то внутренние блоки оборачиваются блоком .block_wrapper.

<div id="block">

    <div class="block">

        <div class="block_wrapper">

            <div class="block_item"></div>

            <div class="block_item"></div>

        </div>

    </div>

</div>

Нужно при размере окна больше или равно 600px удалить оберточный элемент.

Как это сделать, не используя unwrap(), удаляя элемент по его селектору?

При использовании unwrap() постепенно удаляются все родительские элементы

при постепенном увеличении окна браузера.