JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div data-role="page" data-theme="b" id="enterNewName">
  <div data-role="header" data-theme="b">
    <a class="leavePageBtn ui-btn-left" data-role="button" data-icon="arrow-l" data-iconpos="left" data-theme="b">Cancel</a>
    <h1>
      Enter Name
    </h1><a class="EnterNameBtn ui-btn-right" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e">Enter</a>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-inset="true" data-filter="true" id='nameList' data-filter-placeholder="Enter Name...">
        <li><input type"text" /></li>
    <li>test2</li>
    <li>test3</li>
    </ul>
  </div>
</div>

JavaScript

$("[data-filter]").each(function(){
    alert($(this).val());
});