I created a form with 2 questions using Bootstrap. The first question has 4 options, and the second question also has 4 options. I noticed that when I check an option in the first question and then proceed to check an option in the second question, the radio button selected in the first question gets unchecked. It seems like the checkboxes are dependent on the two different questions, but I'm not sure why this is happening.
index.html:
<form>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<h3>[Test]Contact us Survey Form</h3>
</div>
</div>
<div id="agegroup">
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<h4>What is your age group?</h4>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="radio">
<label><input type="radio" name="optradio"/> >=25 yrs</label>
</div>
</div>
</div>
(other radio button groups...)
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<h4>What is your gender?</h4>
</div>
</div>
(other radio button groups...)
</form>
Screenshot: