JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head>
    
<body> 
<div data-role="page"> 
    <div data-role="content">
        <ul id="updates" data-role="listview" data-theme="g">
            <li><a href="acura.html">Acura</a></li>
            <li><a href="audi.html">Audi</a></li>
            <li><a href="bmw.html">BMW</a></li>
        </ul>
        <br />
        <br />
        <a class="more" href="#add" data-role="button">Add another</a>
    </div> 
</div> 
</body>
</html>

JavaScript

$('a.more').click(function() {
    var $content = $('<li><a href="more.html">Another item</a></li>');
    $('#updates').append($content).listview('refresh');
});