title: jQuery On Event get object listener
body: <p>I have this markup:</p>
  <pre><code>&lt;div class=&quot;foo&quot;&gt;
     &lt;div class=&quot;child&quot;&gt;&lt;/div&gt;
     &lt;div class=&quot;child&quot;&gt;&lt;/div&gt;
     &lt;div class=&quot;child&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>If I want to attach click to all children I will do:</p>
  <pre><code>var foo = $('.foo').on('click', &quot;.child&quot;, function(e, data){
     //get foo here?
  })
  </code></pre>
  <p>When child is clicked how can I get foo here? Disregard the fact that I know here that foo is the parent of clicked child. (not sure closest would work but that would be using selectors again, is there a more direct method?)</p>