<div class="search-single-navigation">
    <h4 class="cozinhar">
    </h4>
    <h4 class="cozinhar">
    </h4>
    <h4 class="cozinhar">
    </h4>
    <h4 class="cozinhar">
    </h4>
    <h4 class="cozinhar">
    </h4>
    <h4 class="porta">
    </h4>
    <h5 class="som"></h5>
    <p class="brbr">
    </p>
</div>
<div class="result">

</div>
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script>
    $(document).ready(function(){
        var container = $(".search-single-navigation"); //Onde estão os resultados obtidos

        var divs = {}; //Criar um objeto vazio

        //Vamos iterar por todos os elementos de dentro do container
        container.children().each(function(element, element){
            var child = $(element); //Pega o objeto atual
            var currentClass = child.attr("class"); //Recupera sua classe
            var keys = Object.keys(divs); //Pega o nome de todos os atributos do objeto vazio

            //Se houver atributos, vamos analisar se essa classe ja existe lá
            if(keys.length > 0){

                //Iterar sobre todos os atributos do objeto
                for (var j = 0; j < keys.length; j++) {
                    if(currentClass == keys) break; //Se já existir essa classe, vamos ignorar
                    else if((j+1) == keys.length){
                        //Se chegou no fim do objeto e não existe essa classe, vamos adicionar..
                        var div = $("<div></div>"); //Cria uma nova div
                        div.attr("id", currentClass); //Seta o ID para a classe correspondente
                        $("." + currentClass).appendTo(div); // Adiciona o elemento na nova DIV
                        divs[currentClass] = div; //Salva essa div no objeto vazio
                        $(".result").append(div); // Adicionar no resultado
                    }
                }
            } else {

                //Se entrar aqui, significa que o objeto ainda é vazio, vamos fazer o processo normal

                var div = $("<div></div>"); //Cria uma nova div
                div.attr("id", currentClass); //Seta o ID para a classe correspondente
                $("." + currentClass).appendTo(div); // Adiciona o elemento na nova DIV
                divs[currentClass] = div; //Salva essa div no objeto vazio
                $(".result").append(div); // Adicionar no resultado
            }
        });

    });
</script>