title: MooTools event delegation: How to reference child element inside callback?
body: <p>Having this piece of HTML:</p>
  
  <pre><code>&lt;div id="modal"&gt;
      &lt;select class="country"&gt;
          &lt;option value=""&gt;&lt;/option&gt;
          &lt;option value="opt"&gt;Opt&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this  piece of JS:</p>
  
  <pre><code>$('modal').addEvent('change:relay(.country)', function(){
      console.log(this); // "this" refers to #modal.
  }).fireEvent('change:relay(.country)');
  </code></pre>
  
  <p>Log reveals that the <code>this</code> keyword refers to the #modal element. I want to fire the event for each .country select and have the reference to each one inside the callback. How can I have it?
  This is the fiddle: <a href="http://jsfiddle.net/EWUCG/5/" rel="nofollow noreferrer">http://jsfiddle.net/EWUCG/5/</a></p>