title: Searching div content through the text entered in a search box
body: <p>I want to implement a functionality where user can search for different brands available with us.
  See the image to get what I'm looking for:</p>
  
  <p><img src="https://i.stack.imgur.com/upmoJ.png" alt="enter image description here">
  I want to search &amp; replace a div with the brands matching my search.
  I'm looking for an idea here, I can easily do that with ajax call but I hope I can do this with simple javascript. Getting load time to as low as possible.
  Any ideas whether I can do this with simple javascript?</p>
  
  <pre><code>&lt;input type='text' placeholder='Search' class='text'&gt;&lt;br&gt;
  &lt;input type='checkbox' id='a'&gt;A&lt;br&gt;
      &lt;input type='checkbox' id='b'&gt;B&lt;br&gt;
          &lt;input type='checkbox' id='c'&gt;C&lt;br&gt;
              &lt;input type='checkbox' id='d'&gt;D&lt;br&gt;
  </code></pre>
  
  <p>Simple html here (with no javascript code): <a href="http://jsfiddle.net/22nm8o34/" rel="nofollow noreferrer">http://jsfiddle.net/22nm8o34/</a></p>