title: $(selector).find().live() returning the parent from a multiple selector
body: <p>I'm having some trouble with <code>.find()</code> on a <code>.live()</code> returning the wrong element.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="div1"&gt;
      &lt;input type="text" id="txt1" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript (jQuery):</strong></p>
  
  <pre><code>$('#div1,#div2').find('input').live('keypress',function() {
     console.log(this);
  });
  </code></pre>
  
  <p>I expect <pre>&#60;input id="txt1" type="text"></pre>
  to be returned, but instead I'm getting back <pre>&#60;div id="div1"></pre></p>
  
  <p>Any thoughts on why I would be getting the parent container <code>div</code> of the <code>input</code> instead of the <code>input</code> itself?</p>
  
  <p><a href="http://jsfiddle.net/6rxCu/5/" rel="nofollow">jsFiddle example</a></p>
  
  <hr>
  
  <p><strong>Addendum:</strong></p>
  
  <p>I'm not really looking for alternate code that works (I could easily split this into two <code>.live()</code> calls), I'm just trying to find out why this doesn't work.</p>
  
  <p>Yes, I realize that #div2 does not exist.</p>
  
  <p>Yes, I realize that the documentation for .live() says to <a href="http://api.jquery.com/live/#caveats" rel="nofollow">only attach .live() to the root selector</a>.  However, $(selector).find().live() <a href="http://jsfiddle.net/6rxCu/4/" rel="nofollow">works in simpler situations</a>.</p>