jQuery: Can't use the "find" method twice on a single object
<p>I'm currently trying to use the jquery "find" method on an object twice but it isn't letting me do it, only the first instance of "find" is working.  Here is the code that I would like to run...</p>

<pre><code>$("#phone_numbers &gt; p:first-child").clone(true).insertBefore("#phone_numbers &gt; span:last-child").find('.phone_type, .phone_number, .user_phones_id').val('').find('.delete_phone').remove();
</code></pre>

<p>The above code works just fine except for the last "find" method, it isn't removing the elements with a ".delete_phone" class.  </p>

<p>However, if I change the code to look like this...</p>

<pre><code>$("#phone_numbers &gt; p:first-child").clone(true).insertBefore("#phone_numbers &gt; span:last-child").find('.delete_phone').remove();
</code></pre>

<p>It does remove the elements with a ".delete_phone" class.  I assume this is because I can't use the "find" method twice in a row, but I'm not sure. </p>

<p>Does anyone know what's going on or if there is a way around this problem?</p>

<p>Thanks!</p>
