title: Prototype add event listener
body: <p>For some reason, when I try assigning a actionlisetner to the list elements the value does not stick. Here is what I mean:</p>
  
  <pre><code>Event.observe(window, 'load', function() {
      for(i = 1; i &lt;= $$('ul#review_list li').length; i++) {
          $('cover_' + i).observe('click', function(event) {
              alert(i);
          }); 
      }
  
  });
  </code></pre>
  
  <p>So there are 7 list elements in #review_list and for some reason whenever any of the li elements are click I get an alert with value 8 for every element clicked. I want each to alert its respective i value. What am I doing wrong here?</p>
  
  <p>Thanks!</p>