JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<body>
<div data-role="page" id="Tasksearch" data-add-back-btn="true">
<div data-role="header">
<a href="../index.php" data-icon="home" class="ui-btn-right">Home</a>
<h1>Search</h1>
</div>
<div data-role="content">
<form id="frmSearch" action="index.php" method="get" >
<input type="hidden" name="-type" value="search">
<ul data-role="listview" data-inset="true" >
<li data-role="fieldcontain">
<label for="searchTasksID" class="select">Name:</label>
<select name="searchTasksID" id="searchTasksID">
<option value=""></option>
<option value="Peter Pan">Peter Pan</option>
<option value="John Jones">John Jones</option>
<option value="Frank Lee">Frank Lee</option>
</select>
</li>
<li data-role="fieldcontain">
<label for="searchTasksDescription">Description:</label>
<input type="search" name="searchTasksDescription" id="searchTasksDescription" />
</li>
<li data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Completed:</legend>
<input type="radio" name="searchTasksCompleted" id="searchTasksCompletedYes" value="Yes"><label...