How can I add some randomness to populating this list?
<p>I'm trying to populate a list of answers in a quiz. The correct answer is always the <code>a0</code> in the data object. How can I make it so the first answer isn't always the correct one? A hint would be much appreciated!</p>

<p><b>JS:</b></p>

<pre><code>data = [
        {"q":"How much?", "a0":"20%", "a1": "1%", "a2": "10%", "a3": "5%"},
        {"q":"What", "a0":"Ball", "a1": "Stone", "a2": "Bierd", "a3": "Carl"},
        {"q":"When?", "a0":"1999", "a1": "2000", "a2": "2001", "a3": "2002"}
        ];

function addData() {

var ids =['a','b','c','d'];
for (var j=0; j &lt; ids.length; j++) {

    //Populate answers into list
    document.getElementById(ids[j]).innerHTML = data[q]['a'+j];

    //Add class 'correct' to the li with the right answer (always a0 in the data object)
    if (j==0) {
    document.getElementById(ids[j]).setAttribute('class', 'correct');
    }
};
}
</code></pre>

<p><b>HTML:</b></p>

<pre><code>&lt;ul class="answers_quiz"&gt;
&lt;li id="a"&gt;&lt;/li&gt;
&lt;li id="b"&gt;&lt;/li&gt;
&lt;li id="c"&gt;&lt;/li&gt;
&lt;li id="d"&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
