Jquery multiple choice quiz using clickable buttons
<p>I'm a beginner in Jquery.
I want to create a multiple choice quiz with over 30 questions. Each questions has four options assigned to 4 clickable CSS buttons - NOT radio buttons). The user clicks on just one button to make the choice. Each button would fire a script (in a click-function), and depending on the button clicked, (eg button A)  a point or no points is assigned to a variable in memory, then a new set of questions is automatically paged in to replace the former set. This goes on to the end of the bank of 30 questions, when total scores are then (and only then) displayed on screen.
I want the same buttons (A,B, C,D) to remain displayed on the screen throughout, without having CSS rewrite them, but each button be re-assigned a different correct or incorrect script (eg, this time question C is correct and, if clicked, awards 1 point) based on the next bank of questions and the correct button choice for the answer in that new bank.</p>

<p>It's easy to copy 30 banks of questions with their different questions into the html file, but there must be a more elegant way to switch the code from one button to the other, depending on the correct button to click, without having to use so many lines.</p>
