JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css">
<div id="buttonset">
    <input id="radio1" name="tester" value="1" type="radio" /><label for="radio1">Radio Button 1</label>
    <input id="radio2" name="tester" value="2" type="radio" /><label for="radio2">Radio Button 2</label>
</div>

<a id="trigger" href="#">Trigger</a>

CSS

#trigger {
    display: block;
    width: 60px;
    text-align: center;
    text-decoration: none;
    padding: 3px 0 4px;
    color: white;
    background-color: #666;
    margin-top: 10px;
}

#trigger:hover {
    background-color: #ccc;
}

JavaScript

$('#buttonset').buttonset();

$('#trigger').click(function(){
    $('label[for="radio1"]').click();
});