Estou fazendo um script para um quiz, e gostaria de "embaralhar" as Divs com a classe "question" dentro das Divs com a classe "q". para que as questoês fossem aleatórias. Não achei nenhuma forma de fazer isso, por isso peço ajuda prfv.
HTML
<section>
<article class="q" id="questao1">
<div class="question">
</div>
</article>
<article class="q" id="questao2">
<div class="question">
</div>
</article>
<article class="q" id="questao3">
<div class="question">
</div>
</article>
<article class="q" id="questao4">
<div class="question">
</div>
</article>
<article class="q" id="questao5">
<div class="question">
</div>
</article>
<article class="q" id="questao6">
<div class="question">
</div>
</article>
<article class="q" id="questao7">
<div class="question">
</div>
</article>
<article class="q" id="questao8">
<div class="question">
</div>
</article>
<article class="q" id="questao9">
<div class="question">
</div>
</article>
<article class="q" id="questao10">
<div class="question">
</div>
</article>
<article class="q" id="resultado">
</article>
</section>