JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

    <body>        
        <div data-role="page" id="a">
            <div data-role="header">

            </div>
            <div data-role="content" id="list">
            <label for="nameIan McDowall">Ian McDowall</label>
<input type="radio" name="staffname" id="nameIan McDowall" value="Ian McDowall">
            </div>
                     <div data-role="content" id="content">   
          
        </div></div>
    </body>

JavaScript

$( function() {
          $( "input" ).checkboxradio({
          icon: false
          });
          });

$(document).ready(function() {
    $('[id^=name]').bind('click', function(event) {
        $('#content').append("<a id='"+event.target.text+"'>"+event.target.value+"</a>");
    });
});