title: Search any content from div tag and show the searched div at top of all divs
body: <pre><code>    &lt;div class="search-container"&gt;
          &lt;input type="text" class="input-medium search-query" placeholder="Search"&gt;
          &lt;button type="button" class="btn"&gt;Search&lt;/button&gt;
      &lt;/div&gt;
  &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-body"&gt;
          &lt;div class="col-sm-6 col-md-2"&gt;
              &lt;img src="~/ProfileImg/30052018051539_crop.jpg" alt="" class="img-circle img-responsive"&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6 col-md-8"&gt;
              &lt;p&gt;&lt;strong&gt;&lt;a onmouseover="" style="cursor: pointer;" &gt;&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p class="custom_j"&gt;&lt;strong&gt;&lt;a&gt;Dr. Amruta Kadam&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;
              &lt;p&gt;MD (HOMEOPATHY)&lt;/p&gt;
              &lt;p&gt;Dermatologist&lt;/p&gt;
              &lt;div class="info"&gt;
                  Chaitanya clinic, Shankar complex
              &lt;/div&gt;
              &lt;div class="row" style="margin-top: 5px;"&gt;
  
                  &lt;div class="col-md-3"&gt;
                      &lt;dt&gt;
                          &lt;div class="Strong"&gt;Distance&lt;/div&gt;
                      &lt;/dt&gt;
                      &lt;div class="desc"&gt;&lt;span&gt;10km&lt;/span&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;dt&gt;
                          &lt;div class="Strong"&gt;Reviews&lt;/div&gt;
                      &lt;/dt&gt;
                      &lt;div class="desc"&gt;&lt;span&gt;0&lt;/span&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-6"&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-6"&gt;
  
                      &lt;div class="row "&gt;
                          &lt;h5&gt;Insurance&lt;span style="color: rgb(0, 186, 242);"&gt; Partners&lt;/span&gt;&lt;/h5&gt;
                          &lt;div class="popup-gallery"&gt;
                              &lt;a href="#" title="Photo 1"&gt;
                                  &lt;img src="/Loginassets/images/lic.png" alt=""&gt;
                              &lt;/a&gt;
                              &lt;a href="#" title="Photo 1"&gt;
                                  &lt;img src="/Loginassets/images/india.png" alt=""&gt;
                              &lt;/a&gt;
                              &lt;a href="#" title="Photo 1"&gt;
                                  &lt;img src="/Loginassets/images/more.png" alt=""&gt;
                              &lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I wants to search a content from a div tag from a list of div as above, I currently given only one div. I wants to search a text and the matching text div will display at top of all divs.
  I wants a search result like jquery datatable search result. 
  Thanks in advance </p>