JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://808hospitalist.com/m/js/jquery-ui-1.8.2.custom.min.js"></script>
<link rel="stylesheet" href="http://808hospitalist.com/m/css/ui-lightness/jquery-ui-1.8.2.custom.css">

CSS

input{
    margin-left:20px;
}
label{
    padding-left:8px;
}

JavaScript

$("body")
    .append($('<div/>')                                              .attr ('id','main'));                                                                                   
var str1='<input type=radio id=rad1 name=r1><label for=rad1>1</label><input type=radio id=rad2 name=r1><label for=rad2>2</label><input type=radio id=rad3 name=r1><label for=rad3>3</label>';                                             

$('#main')                                          
    .append($("<h3>")
            .append ($('<a>')
                     .attr ({
                         'id':'header1'
                     })
                     .html('HEADER'))                               
            .append($('<div>')
                    .attr ('id','bset1')
                    .html (str1)
                   ))                          
    
    $('#main').accordion();