title: Mootools - how to refer local 'this' and class 'this' in an Event?
body: <p>There are 10 <em>li</em> elements and 5 of those have <em>a</em> element inside. And I'd like to add an event on the <em>li</em> elements using Mootools.</p>
  
  <p>A class has few variables and method including the event for the <em>li</em> elements and my problem comes from here. please see the event for <em>li</em> below,</p>
  
  <pre><code>li.addEvents({
      mouseover: function(e){
          console.log(this.id + ' / ' + this.classVar);
      }.bind(this)
  });
  </code></pre>
  
  <p>In the event I need to refer <em>li</em> itself and a class variable because each <em>li</em> has unique <em>id</em> and the <em>classVar</em> has also information. But problem is if I use <em>bind(this)</em> to the event, <em>this.id</em> won't work or if not using it, *this.classVar' won't work.</p>
  
  <p>If I use <em>e.target.id</em> instead of <em>this.id</em>, it returns correct id IF ONLY the <em>li</em> doesn't have <em>a</em> element. Otherwise <em>e.target</em> refers the <em>a</em> element.</p>
  
  <p>Can anyone help me on this please? Many thanks in advance</p>