In one of my component I am creating custom fields where admin can create his own field for a particular form.
I am facing a problem on displaying a radio button using bootstrap btn-group class.
Here is the below code I am injecting to a div container using AJAX.
<div class="control-group">
<div class="control-label">
<label id="jform_field_19-lbl" for="jform_field_19">Interested</label>
</div>
<div class="controls">
<fieldset id="jform_field_19" class="radio btn-group ">
<input type="radio" id="jform_field_19_1" name="jform[field_19]" value="1">
<label for="jform_field_19_1">Yes</label>
<input type="radio" id="jform_field_19_0" name="jform[field_19]" value="0">
<label for="jform_field_19_0">No</label>
<input type="radio" id="jform_field_19_2" name="jform[field_19]" value="2">
<label for="jform_field_19_2">Maybe</label>
</fieldset>
</div>
The above code just showing the 3 options like labels one below the other and not grouped. If I removed the class btn-group then it shows like a standard radio button.
How can I show the radio button like bootstrap using AJAX?