JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btnCreate">Create</button>
<button id="btnSelect">GET</button>
<div id="dvOptions"></div>

JavaScript

$('#btnCreate').on('click', function (e) {
    var $greetingOptions = $('#dvOptions');
    $greetingOptions.empty();
    e.preventDefault();
    var arrayValues = ["Good Morning", "Good Afternoon", "Good Evening", "Good Night"];
    for (var i = 0; i < arrayValues.length; i++) {
        if(i === 0)
        {
            $greetingOptions.append($('<input type="radio" name="greetings" value="' + i + '" checked >' + arrayValues[i] + '</input><br />'));
        }
       // $greetingOptions.append($('<input type="radio" //name="greetings" value="' + i + '">' + arrayValues[i] + //'</input><br />'));
    }
});

$('#btnSelect').on('click', function (e) {
    var testValue = $('#dvOptions input:radio:checked').val();
    var testText = $('#dvOptions input:radio:checked')[0].nextSibling.data;
    alert(testValue + " - " + testText);
});