title: mootools stop event bubbling when using Event.Delegation (:relay)
body: <p>I am adding events to links that are loaded via ajax. Here is a simplified example of the html:</p>
  
  <pre><code>&lt;div class="ajax-content"&gt;
    &lt;div class="parent"&gt;
      &lt;a href="#" class="event-link"&gt;Click here&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All content within ".ajax-content" is loaded via ajax. I don't want the click event for ".event-link" to bubble up to ".parent". If it was not loaded via ajax I could do this:</p>
  
  <pre><code>$$('.event-link').addEvent('click', function(event){
    event.stopPropagation();
    event.preventDefault();
    //do stuff
  });
  </code></pre>
  
  <p>However, I can't figure out how to accomplish the same behavior with (click:relay). This is what I am trying:</p>
  
  <pre><code>$$('.ajax-content').addEvent('click:relay(.event-link)', function(event){
    event.stopPropagation();
    event.preventDefault();
    //do stuff
  });
  </code></pre>
  
  <p>How do I prevent the click event from firing on '.parent'? (I also tried other syntax - <code>event.stop()</code> and returning false, but they had the same results.)</p>