Lo que necesito hacer es: Estado original:

<div class="shuffledv">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
</div>
<div class="shuffledv">
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
</div>

Después de Shuffle:

<div class="shuffledv">
<div id="2"></div>
<div id="3"></div>
<div id="1"></div>
</div>
<div class="shuffledv">
<div id="5"></div>
<div id="4"></div>
<div id="6"></div>
</div>

Los Divs dentro del primer div permanecen allí, pero se barajan, y lo mismo sucede para el segundo div con la misma clase. Para mezclar divs dentro de un div específico, uso algo como esto:

function shuffle(e) {               // pass divs inside #parent to the function
            var replace = $('<div>');
            var size = e.size();

            while (size >= 1) {
                var rand = Math.floor(Math.random() * size);
                var temp = e.get(rand);      // grab a random div from #parent
                replace.append(temp);        // add the selected div to new container
                e = e.not(temp); // remove our selected div from #parent
                size--;
            }
            $('#parent').html(replace.html()); // add shuffled divs to #parent
}

Llamado mentira esto:shuffle('#parent .divclass') Donde todos los Divs con clase.divclass están dentro#parent Creo que debería empezar algo como

function shuffle() {        
            $(".shuffledv").each(function() {

y luego hacer alguna forma de la función original, pero me acabo de perder completamente en este punto. No tengo idea de cómo seguir adelante desde aquí. Por favor, hágamelo saber si necesita más información.