JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>HTML5 Template</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head> 
    <body> 
        <div id="foo"></div>
    </body> 
</html>

JavaScript

var str= '';
var UL = $("<ul></ul>");

for (var i = 0; i <= 10; i++){
str += '<li>' + i + '</li>'; 
}

UL.append(str);

$("#foo").append(UL);