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 = 1; i <= 5; i++){
    var LI = $("<li></li>");
    LI.append(i);
    LI.appendTo(UL);
}

for (var i = 6; i <= 10; i++){
    var LI = $("<li></li>");
    LI.append(i);
    UL.prepend(LI);
}

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