jQuery how to select children elements the proper way
<p>If I have the following html</p>

<pre><code>&lt;div id="parent"&gt;
    &lt;div id="item1"&gt;&lt;/div&gt;
    &lt;div id="item2"&gt;&lt;/div&gt;
    &lt;div id="item3"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>What would be the proper way to select children of the parent div.</p>

<p>I have the following:</p>

<pre><code>var $parent = $('#parent'),
$item1 = $('#item1',$parent),
$item2 = $('#item2',$parent),
$item3 = $('#item3',$parent);
</code></pre>

<p>or if</p>

<pre><code>var $parent = $('#parent'),
$item1 = $parent.find('#item1'),
$item2 = $parent.find('#item2'),
$item3 = $parent.find('#item3');
</code></pre>

<p>is more correct. From my tests I think they both work, but just wondering what the standard convention is for this.</p>

<p>The reason I do not use a more direct single selector like $('#parent #item1') is the parent could change, or could be selected from a callback function, and I want to be able to select its children without directly knowing the id of the parent, but rather using a jquery object of the parent.</p>
