I wrote code where all names comes from Google API. Now I want to implement search functionality using JavaScript/jQuery. How should I implement search function? That should look the image below
<div id="createGrp" name="Create Label" style="display:none">
<table> <tr>
<td>
<b>Label Name: </b>
</td>
<td><input type="text" maxlength="25" id="lname" name="labelname" onkeyup="return limitText(this, 25), CheckLimit(this, 25, 'vlenName')"/><br></td>
<td id="vlenName">
<i> 25 Characters left </i>
</td>
<td>
<input type='text' id='gleSearchCamp' name='gleSearchCamp' placeholder="Search for campaigns"/>
<input type='button' id='entersearch' value='Search' onclick="gleSearch('gleSearchCamp')"/>
</td>
</tr>
</table>
<br/>
<table align="left"> <tr> <td>
<input type="button" id="lblsave" value="Save"/>
<input type="button" VALUE="Cancel" onclick="hide('createGrp')"/>
</td> </tr>
</table>
<br/><br/> <br/>
<table> <tr>
<td><div class="selcheckBox" id="cmplist" name="Select Campaigns">
<table style="overflow-y:scroll" >
<thead>
<tr>
<th><span class="selectALLWrap"> <input type='checkbox' id='selectALL' onClick="selectAll(this)"></span><span>Select</span> </th>
<th class="sortable" id='accountName' align="left" onclick='sortingValues(this);'>Campaign Name</th>
</tr>
</thead>
<tbody style="font-size: 18px;font-family: 'HelveticaNeue-Medium';">
<s:forEach items="${campaignDetails}" var="campDetails" >
<tr>
<td><div class=" "><input type="checkbox" id="campDetails.campaignId" name="campaignName" value="campDetails.campaignName"/> </div></td>
<td>${campDetails.campaignName}</td>
</tr>
</s:forEach>
</tbody>
</table>
</div>
</td> </tr> </table>
<br/><br/>
</div>`enter code here`