anchor.diff:          </table>
       </body>
       <script>
  -        function viewData(id) {
  +        function showData(id) {
               var tr = document.getElementById("row:" + id);
               var nodes = tr.childNodes;
               var length = nodes.length;
  
positive.code:         %>    
          <h1>Employees</h1>
          <form method="post" action="index.jsp">
              <input type="text" name="q" value="<%= q.replace("%", "")%>"/>
              <select name="search_by">
                  <option value="name" <%= "name".equals(searchBy) ? "selected" : ""%>>name</option>
                  <option value="email" <%= "email".equals(searchBy) ? "selected" : ""%>>email</option>
  
negative.code:                 <option value="salary" <%= "salary".equals(searchBy) ? "selected" : ""%>>salary</option>
              </select>
              <button type="submit">Search</button>
              <button type="submit" onclick="document.getElementById('query').value = '';">clear</button>
          </form>
          <table>
              <thead>
  