javascript - Live filter search using bootstrap

I am trying to search data using live filter search using bootstrap filters

<input type="text" name="search" id="search">
<div >
  <div >
    <div id="carousel-1" data-ride="carousel">
      <!-- Indicators -->
      <!-- <ol >
        <li data-target="#carousel-1" data-slide-to="0" ></li>
        <li data-target="#carousel-1" data-slide-to="1"></li>
        <li data-target="#carousel-1" data-slide-to="2"></li>
       </ol> -->
      <!-- Wrapper for slides -->
      <div >
        <div >
          <img src="uploads/<?php echo $viewjobregisterid; ?>/<?php echo $viewjobsid;  ?>/<?php  echo $imagefile5; ?>" alt="Image" >
        </div>
      </div>
    </div>
    <div >
      <h4><?php echo $myjobs1["title"]; ?></h4>
      <p><?php echo $myjobs1["description"]; ?></p>
    </div>
    <div >
      <span >
       <button onclick="relocateTo('jobtitle.php?jobtitleid=<?php echo $myjobs1["viewjobsid"]; ?>')">View Job</button>
      </span>
    </div>
  </div>
</div>
Copy code

This is the script i am using i want to search data for that code.