title: Error when creating Filterable Elements in Jquery mobile
body: <p>I hv done a program for filterable element using Jquery Mobile</p>
  
  <p>When search for the particular character in the search box its displaying all the characters and names instead of the particular character I have searched</p>
  
  <p>The output I got is this</p>
  
  <p><img src="https://i.stack.imgur.com/uB91v.png" alt="Output"></p>
  
  <pre><code>**Here is my coding**
  
  &lt;link rel="stylesheet" href="../css/jquery.mobile-1.4.3.min.css"&gt;
  &lt;script src="../js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="../js/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="../js/jquery.mobile-1.4.3.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div data-role="page" id="pageone"&gt;
  &lt;div data-role="header"&gt;
  &lt;h1&gt; Names &lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="main" class="ui-content"&gt;
  &lt;form class="ui-filterable"&gt;
  
  
  &lt;input id="myFilter" data-type="search"  placeholder="Please type here"&gt;
  &lt;/form&gt;
  &lt;ul data-role="listview" data-filter="true" data-input="#myFilter" data-
  autodividers="true" data-inset="true"&gt;
  &lt;li data-filtertext="hello"&gt;&lt;a href="#"&gt;Abdul&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Alvin&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Bob&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Balmer&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Nixon&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Mitchelle&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;william&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;vincent&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;domney&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Brad&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Tarvin&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Pamela&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Jenney&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Rose&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Pepe&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Ronaldo&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Messi&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Kroos&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Klose&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Neymar&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Fabrigas&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Iniesta&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Cavani&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Silva&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Beckham&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>