(function () {
    console.log('script started');
 
    var qid = {QID};
    console.log('qid:', qid);
 
    var question = document.getElementById('question' + qid);
    console.log('question:', question);
 
    if (!question) {
        console.log('Question container not found');
        return;
    }
 
    if (question.dataset.orderRandomized === 'true') {
        console.log('Already randomized');
        return;
    }
    question.dataset.orderRandomized = 'true';
 
    function shuffle(array) {
        for (var i = array.length - 1; i > 0; i--) {
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;
        }
        return array;
    }
 
    var items = question.querySelectorAll('ul.answers-list > li.answer-item, table.question tbody tr.answer-item');
    console.log('items found:', items.length);
 
    if (!items.length) {
        console.log('No answer items found');
        return;
    }
 
    var normalItems = [];
    var fixedItems = [];
 
    for (var k = 0; k < items.length; k++) {
        var item = items[k];
        var input = item.querySelector('input[type="radio"], input[type="checkbox"]');
        var code = input ? input.value : null;
 
        console.log('code:', code);
 
        if (code === 'OTHER' || code === 'NONE' || code === 'AO06') {
            fixedItems.push(item);
        } else {
            normalItems.push(item);
        }
    }
 
    shuffle(normalItems);
 
    var finalItems = normalItems.concat(fixedItems);
 
    var containerUl = question.querySelector('ul.answers-list');
    var containerTbody = question.querySelector('table.question tbody');
    var container = containerUl || containerTbody;
 
    console.log('container:', container);
 
    if (!container) {
        console.log('No answer container found');
        return;
    }
 
    for (var m = 0; m < finalItems.length; m++) {
        container.appendChild(finalItems[m]);
    }
 
    var orderCodes = [];
    for (var n = 0; n < finalItems.length; n++) {
        var input2 = finalItems[n].querySelector('input[type="radio"], input[type="checkbox"]');
        if (input2 &amp;&amp; input2.value) {
            orderCodes.push(input2.value);
        }
    }
 
    console.log('final order:', orderCodes);
 
    var all = document.querySelectorAll('input, textarea');
    var hiddenField = document.querySelector('[id*="{Q1order.sgqa}"]') || document.querySelector('[name*="{Q1order.sgqa}"]');
    if (!hiddenField) {
    console.log('Hidden field not found');
    return;
    }
    console.log('hiddenField:', hiddenField);
 
    if (!hiddenField) {
        console.log('Hidden field not found');
        return;
    }
 
    hiddenField.value = orderCodes.join('|');
    hiddenField.dispatchEvent(new Event('input', { bubbles: true }));
    hiddenField.dispatchEvent(new Event('change', { bubbles: true }));
 
    console.log('Saved order:', hiddenField.value);
    console.log(document.querySelectorAll('input'));
})();

<script type="text/javascript" charset="utf-8">
    $(document).on('ready pjax:scriptcomplete',function(){
        
        //Identify the questions
        var thisQuestion = $('#question{QID}');
        var hiddenQuestion = $(thisQuestion).nextAll('.text-short:eq(0)');
        
        // Create an array of answer codes
        var answerCodes = [];
        $('li.answer-item', thisQuestion).each(function(i) {
            answerCodes.push($(this).attr('id').split('X{QID}')[1]);
        });
        
        // Load the hidden question
        $('input:text', hiddenQuestion).val(answerCodes);        
    });
</script>