title: Searching for a value in an HTML table and change its TD value
body: <p>At the click of a button, after entering a number value in the number input box, the javascript function should search for the matching value of the number box in the HTML table and then change the TD cell values to whatever the user inputs in the other 2 input boxes (color and item).</p>
  
  <p>I've put some html coding below as to what I am trying to accomplish. I am jQuery friendly if that the easier route to use as I am not a skilled enough programmer myself.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;           
  &lt;/head&gt;
  &lt;body&gt;
  Number:*
  &lt;input type="text" id="number"&gt;
  &lt;br&gt;
  
  Items:
  &lt;input type="text" id="item"&gt;
  &lt;br&gt;
  
  Color:
  &lt;input type="text" id="color"&gt;
  &lt;br&gt;    
  &lt;br&gt;
  &lt;input type="button" onclick="changeit()" value="save"&gt;
  &lt;br&gt;
  
  &lt;table id="data" style="width: 100%" cellspacing="1" class="style1"&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;b&gt;Number*&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;&lt;b&gt;items&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;&lt;b&gt;Colors&lt;/b&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;123&lt;/td&gt;
          &lt;td&gt;Boats&lt;/td&gt;
          &lt;td&gt;red&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;456&lt;/td&gt;
          &lt;td&gt;Vehicles&lt;/td&gt;
          &lt;td&gt;blue&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;789&lt;/td&gt;
          &lt;td&gt;Motorcycles&lt;/td&gt;
          &lt;td&gt;green&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>