{{ block title }}
    Page title
{{ endblock }}

{{ block content }}

<p>えのもとほげお</p>

<div id='shuffle'>
    <div>{{ formfield player.age }}</div>
    <div>{{ formfield player.name }}</div>
    <div>{{ formfield player.Q1 }}</div>
    <div>ほげほげ</div>
</div>

<style>
    #shuffle > div {
            text-align: left;
        }
    #shuffle {
            max-width: 360px;
        }
</style>
<script>
    $(function () {
        var parent = $("#shuffle");
        var divs = parent.children();
        while (divs.length) {
            parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
            }
    });
</script>

{{ next_button }}
    
{{ endblock }}