JSFiddle - React, Tailwind, and code Playground

by pkeller3

HTML

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<div id="searchPickPlace">
    <ul data-role="listview">
        <li data-name="Remuera"><a data-transition="slide" id="Remuera" href="search-list.html">Remuera</a>

        </li>
        <li data-name="Posonby"><a data-transition="slide" id="Ponsonby" href="search-list.html">Ponsonby</a>

        </li>
    </ul>

</div>

    <input style="margin-top: 20px;" type="button" id='jqxButton' value="Add item" />
    <input style="margin-top: 20px;" type="text" id='input' />

JavaScript

$('#searchPickPlace ul').children('li').bind('touchstart mousedown', function (e) {
    alert('Selected Name=' + $(this).attr('data-name'));
});

$('#jqxButton').on('click', function () {
       var newVal = $("#input").val();
       $("#searchPickPlace  ul").append
});