If you type in a question in the question box and select your option and answers from the option and answers box ( do this: open grid, click on button "3", type in "1" in the "Number of Answers" text-box and select button "A" by clicking on it, the button should turn green)

Now if you click on the "Add Question" button, it will display a new row in a table which would display the question in the textarea, but how do I code it so that it would display the buttons and the selected buttons under the "Answers" column?

The code for inserting a row under the "Answer" column is below:

Code:
cell = document.createElement("td");
     cell.className = "answer";
     input = document.createElement("input");
     input.name = "answer_" + qnum;
     cell.appendChild(input);
     row.appendChild(cell);
Whole code is in jsfiddle, click [here][1]


[1]: http://jsfiddle.net/mMb8c/21/