$(selector).find().live() returning the parent from a multiple selector
<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>
