var questionnaire = [

  {

    "question" : "The earth is...",

    "valid"    : 1, // indicates the correct array number, use 0, 1...

    "buttons"  : ["A cube", "Round"],

    "answers"  : [ "Ohh, c'mon...", "You got it! It's round!"]  

  },

  {

    "question" : "The Cravat is originally from:",

    "valid"    : 0,

    "buttons"  : ["Croatia", "France", "Germany"],

    "answers"  : [ "Great", "Wrong, it's from Croatia!", "Wrong... Sorry"]  

  },

  {

    "question" : "Is Java == JavaScript?",

    "valid"    : 0, 

    "buttons"  : ["False", "True"],

    "answers"  : ["Exatcly!", "Ohh, c'mon..."]

  } // add comma and more Object literals...

];

​

​

var $qa       = $('#QA'),

    $question = $("h2", $qa),

    $buttons   = $("#buttons", $qa),

    $points   = $("p>span",$qa),

    questionnaireLength = questionnaire.length,

    qc        = 0, // Current Question counter

    points    = 0; // Current points

​

function QandA(){

​

  var quest = questionnaire[qc],

      question = quest.question,

      validIdx = quest.valid,

      btns     = quest.buttons,

      answer   = quest.answers;

  $question.text( question );

  if(qc >= questionnaireLength){

    return alert("game over");

  }

  // generate buttons with text:

  $buttons.empty();

  for(var i=0; i<btns.length; i++){

    $buttons.append("<button>"+ btns[i] +"</button>");

  }

  // Retrieve generated buttons

  var $btn = $("button", $buttons);

  // Assign click

  $btn.one('click', function(){  

    var idx = $btn.index(this); // get button index

    alert("(valid idx is: "+ validIdx +" Clicked button idx: "+ idx +")");

    alert("Game says: "+ answer[idx] );

    points += (idx === parseInt(validIdx, 10) ? 5 : -5);

    $points.text( points );

    // Next question

    qc++; QandA();

  });

​

}

QandA();