title: Row stays highlighted
body: <p>i am having trouble with this script.</p>
  <pre><code>[].forEach.call(document.getElementsByTagName('tr'), function(item) {
      item.addEventListener('click', function() {
          item.style.backgroundColor = 'white';
      }, false);
  });  
  
                                     
  </code></pre>
  <p>It highlights the row but if i click on another row then both rows are highlighted. i need a script that highlights one row at a time and not all of them.
  What did i forget, if something is not clear let me know.</p>