How to display question Paper with 4 options(Radio Buttons to select the options)

See more:

Javascript

Hi Experts,

Am doing a small application called Online Test
In this am getting the random questions from code behind (By ajax call) and storing it in the java script array.

Now am displaying the questions one by one in my web page by this code.

var questionToDisplay = questionArr[index];
             document.getElementById("spnQuestion").innerHTML=questionToDisplay.Question;
document.getElementById("spnOptionA").innerHTML = questionToDisplay.OptionA;
document.getElementById("spnOptionB").innerHTML = questionToDisplay.OptionB;
document.getElementById("spnOptionC").innerHTML = questionToDisplay.OptionC;
document.getElementById("spnOptionD").innerHTML = questionToDisplay.OptionD;

But it is not showing in a correct way. Here am able to select all the radio buttons.
and my html design is

<div class="row">
    <span id="spnQuestion"></span>
</div>
<div class="row">
  <input type="radio" id="rdbOptionA" /><span id="spnOptionA"></span>
</div>
<div class="row">
  <input type="radio" id="rdbOptionB" /><span id="spnOptionB"></span>
</div>
<div class="row">
 <input type="radio" id="rdbOptionC" /><span id="spnOptionC"></span>
</div>
<div class="row">
 <input type="radio" id="rdbOptionD" /><span id="spnOptionD"></span>
</div>

can any one please tell me a correct way to display these options.

thanks in advance
(Keerthi Kumar)