how to embed search box option in jquery mobile

in this web programming tutorial we will learn that how we can add search box option in our jquery mobile application. In order to create a search field, simply apply a type="search" attribute to an input field,

<section id="page1" data-role="page">
<header data-role="header"><h1>jQuery Mobile</h1></header>
<div class="content" data-role="content">
<h3>Search Input</h3>
<form id="myform" action="formprocessor.php" method="post">
<div data-role="fieldcontain">
<label for="search-restaurants">Search Restaurants:</label>
<input type="search" name="search-restaurants" id="search-restaurants" />
</div>
</form>
</div>
<footer data-role="footer"><h1>O'Reilly</h1></footer>
</section>