Замена тега с сохранением содержимого

Как на странице заменить все заголовки h2-h6 на тег div с сохранением всех атрибутов и у которых есть класс title?

$('h2,h3,h4,h5,h6').each(function(i,el){
    var $h = $(el);
    console.log($h);
    if($h.hasClass('title')){
        $($h).replaceWith(function(index, oldHTML){
            return $("<div />").html(oldHTML);
        });
    }
})

такой код не сохраняет атрибуты

P.S.
такое решение правильное?

$('h2,h3,h4,h5,h6').each(function(i,el){
    var $h = $(el);
    if($h.hasClass('title')){
        var div = document.createElement('div'),
            $div = $(div);
        $.each($h[0].attributes, function(i,attr){
            var a = attr.nodeName||attr.name;
            var val = attr.nodeValue;
            $div.attr(a, val);
        });
        $div.html($h.html());
        $h.replaceWith($div);
    }
})