title: Get jQuery click, context (this) to output single object, not multiple
body: <p>So I do:</p>
  
  <pre><code>    $('.divs').bind('click', function()
      {
           console.log("clicked " +$(this).text());
      }
  </code></pre>
  
  <p>On:</p>
  
  <pre><code>    &lt;DIV class="divs" id="parent1"&gt;Dad
        &lt;DIV class="divs" id="child1"&gt;Kid1&lt;/DIV&gt;
        &lt;DIV class="divs" id="child2"&gt;Kid2&lt;/DIV&gt;
      &lt;/DIV&gt;
  </code></pre>
  
  <p>Then I get multiple outputs when I click on child1, like: </p>
  
  <p>"clicked Kid1"</p>
  
  <p>"clicked DadKid1Kid2"</p>
  
  <p>on my console</p>
  
  <p>Only when I click on the 'most parent' div i get a single output.
  This is all pretty logical, but I'd like to only select the 'most child'-ish one only?</p>