title: Highlight the table cell value based on textbox value outside the table
body: <p>I want all the table cells values matching the textbox value to be highlighted when user types the text in the textbox....</p>
  
  <pre><code>&lt;input type="text" id="txtsearch"/&gt;  
  &lt;html&gt;
  &lt;table id="table" style="height:350px;margin-left:1em;width:700px;"&gt;
      &lt;!--this is my table header--&gt;
      &lt;tr style="display:table-row"&gt;
          &lt;th class="checkbox"&gt;&lt;input type="checkbox"/&gt;&lt;/th&gt;
          &lt;th class="Name"&gt;NAME&lt;/th&gt;
          &lt;th class="Score"&gt;SCORE&lt;/th&gt;
          &lt;th class="Email"&gt;EMAIL&lt;/th&gt;
          &lt;th class="Empty"&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;!--tabledata--&gt;
          &lt;td &gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
          &lt;td &gt;Vijay Prakash&lt;/td&gt;
          &lt;td &gt;34&lt;/td&gt;
          &lt;td &gt;vijay@gmail.com&lt;/td&gt;
          &lt;td &gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type="button" id="btnCalculate" value="Calculate"/&gt;
  &lt;label&gt;Average:&lt;/label&gt;
  &lt;label id="lblAverage"&gt;&lt;/label&gt;
  &lt;label&gt;Max:&lt;/label&gt;
  &lt;label id="lblMax"&gt;&lt;/label&gt;
  &lt;/form&gt;
  &lt;/html&gt;   
  &lt;/div&gt; 
  </code></pre>