JSFiddle - React, Tailwind, and code Playground
HTML
<div class="item">
<h4>Item</h4>
<ul>
<li>Description</li>
</ul>
<div class="radio-container">
<div class="radio-stack">
<input type="radio" class="styled" id="item1">
</div>
<label for="item1">$100</label>
</div>
</div>
JavaScript
$('.item').on('click', function(e) {
console.log('click');
$('label', $(this)).trigger('click');
});
$('.item label').on('click', function(e) {
e.stopPropagation();
});