JSFiddle - React, Tailwind, and code Playground

HTML

<div role="form" class="controls" id="replays" name="formname">
			Audios replays ?:
	<script>
	var replays = [
		{ val : '1', name: '1', description: '. Plays each audio once only.', status: ''},
		{ val : '2', name: '2', description: '. Plays each audio twice, better for learning!', status: ''},
	];
	for (var i in replays) {
		var it = replays[i];
		$('#replays').append(
		 '<div class="radio"><label><input type="radio" name="lists" value="'+it.val+'" '+it.status+'><b class="label label-success">'+it.name +'</b>'+ it.description +'</label></div>'
		);
	};

    document.querySelector("#replays input[value='2']").checked = true;
	</script>

CSS

blue { color: red; }