JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Poll">
    <div id="PollQuestion">Your favorite color?</div>
    <ul>
        <li class="liAnswer">
            <input type="radio" value="1" name="Answer" class="clsAnswer"/>
            <span>Red</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="2" name="Answer" class="clsAnswer"/>
            <span>Blue</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="3" name="Answer" class="clsAnswer"/>
            <span>Green</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="4" name="Answer" class="clsAnswer"/>
            <span>Yellow</span>
        </li>
    </ul>
    <input type="button" value="Submit Vote" id="btnVote"/>
</div>

CSS

.Poll{
    border:1px solid black;
}

.PollAnswer{
    list-style:none;   
}

JavaScript

$("#btnVote").click(function(){
    var selected = $(".clsAnswer:checked");
    if(!selected.val()){
        alert('No color selected!')
    }
    else{
        var selectedValue = selected.val();
        var selectedName = selected.siblings().text();
        alert("Selected: " + selectedName + "\r\nValue: " + selectedValue );
    }
});