JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href=" http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<div class="buttons">
  <input type="radio" id="tobacco_yes" name="tobacco" value="yes" />
  <label for="tobacco_yes">Yes</label>
  <input type="radio" id="tobacco_no" name="tobacco" value="no"  />
  <label for="tobacco_no">No</label>
</div>
<div class="buttons">
  <input type="radio" id="tobacco_yes2" name="tobacco2" value="yes"  />
  <label for="tobacco_yes2">Yes</label>
  <input type="radio" id="tobacco_no2" name="tobacco2" value="no" />
  <label for="tobacco_no2">No</label>
</div>

JavaScript

$(document).ready(function() {
	$('.buttons').buttonset();
	$('.buttons label').bind('mousedown',function() {
		$(this).trigger('click');	
		});
});