title: How to show "No Record Found" meassage in Table filter
body: <p>I'm applying filter on my table on the basis of two tds. Filter is working but I want to show a No Recod Found message, if there is no value match.
  Here is a sample demo:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#filter").click(function () {
    var tdScoring,tdEarning;
    var scoring=$("#scoring1").val();
    var earning = $("#earning1").val();
    table = document.getElementById("mastermindTable");
    tr = table.getElementsByTagName("tr");
  
    for (i = 0; i &lt; tr.length; i++) {
     tdScoring = tr[i].getElementsByTagName("td")[4];
     tdEarning = tr[i].getElementsByTagName("td")[3];
  
     if (tdScoring || tdEarning) {
      if (tdScoring.innerHTML.indexOf(scoring) == 0 &amp;&amp; tdEarning.innerHTML.indexOf(earning) == 0) {
        tr[i].style.display = ""; 
      }
      else {
        tr[i].style.display = "none";
      }
    }
  
  }
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="col-sm-6 col-md-3 p0"&gt;
                &lt;div class="fixed-table-toolbar"&gt;
                  &lt;div class="bars pull-left"&gt;
                    &lt;div id="toolbar"&gt;
                      &lt;select class="form-control input_billing" id="earning1"&gt;
                        &lt;option value=""&gt;Earning&lt;/option&gt;
                          &lt;option value="100"&gt;100&lt;/option&gt;                                               &lt;option value="150"&gt;150&lt;/option&gt;                                               &lt;option value="250"&gt;250&lt;/option&gt;
  
                      &lt;/select&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="bars pull-left"&gt;
                    &lt;div id="toolbar"&gt;
                      &lt;select class="form-control input_billing" id="scoring1"&gt;
                        &lt;option value=""&gt;Scoring&lt;/option&gt;
                          &lt;option value="70"&gt;70&lt;/option&gt;                                               &lt;option value="90"&gt;90&lt;/option&gt;
                          &lt;option value="100"&gt;100&lt;/option&gt;
                      &lt;/select&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;button id="filter" class="btn btn-success" style="margin-top:8px;" type="button"&gt;Filter&lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  &lt;table class="table table-condensed" id="mastermindTable"&gt;
    &lt;thead&gt;
                    &lt;tr&gt;
                      &lt;th width="18%" align="left"&gt;Name&lt;/th&gt;
                      &lt;th width="26%" align="left"&gt;Email &lt;/th&gt;
                      &lt;th width="20%" align="left"&gt;Expertise&lt;/th&gt;
                      &lt;th width="16%" align="left"&gt;Earning&lt;/th&gt;
                      &lt;th width="16%" align="left"&gt;Scoring&lt;/th&gt;
                      &lt;th width="4%" align="left"&gt;Status&lt;/th&gt;
                    &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody id="mastermindTableBody"&gt;
                      &lt;tr&gt; 
                        &lt;td&gt;Ammar&lt;/td&gt;
                        &lt;td&gt;amr@gmail.com&lt;/td&gt;
                        &lt;td&gt;PHP&lt;/td&gt;
                        &lt;td&gt;100&lt;/td&gt;
                        &lt;td&gt;70&lt;/td&gt;
                       &lt;td&gt;Active&lt;/td&gt;                    
                    &lt;/tr&gt;
                    &lt;tr&gt; 
                        &lt;td&gt;Arsnel&lt;/td&gt;
                        &lt;td&gt;ars@gmail.com&lt;/td&gt;
                        &lt;td&gt;Larave&lt;/td&gt;
                        &lt;td&gt;150&lt;/td&gt;
                        &lt;td&gt;90&lt;/td&gt;
                       &lt;td&gt;Active&lt;/td&gt;                    
                    &lt;/tr&gt;
                    &lt;tr&gt; 
                        &lt;td&gt;Abeera&lt;/td&gt;
                        &lt;td&gt;abr@gmail.com&lt;/td&gt;
                        &lt;td&gt;CI&lt;/td&gt;
                        &lt;td&gt;250&lt;/td&gt;
                        &lt;td&gt;110&lt;/td&gt;
                       &lt;td&gt;InActive&lt;/td&gt;                    
                    &lt;/tr&gt;
                &lt;/tbody&gt;
              &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>You can also mention another simple way to filter a table and achieve this.
  I only want to acieve this with jQuery and JS no plugin please.</p>