Jquery - Accessing nested child elements
<p>Assume I have the following HTML - </p>

<pre><code>&lt;DIV id="ParentDiv"&gt;
    &lt;DIV id="SubDiv1"&gt;&lt;/DIV&gt;
    &lt;DIV id="SubDiv2"&gt;
        &lt;INPUT id="input"&gt;
    &lt;/DIV&gt;
&lt;/DIV&gt;
</code></pre>

<p>To access the input element using jquery, it would be simply $("#input"). What I'm trying to do is access it, assuming I only know the ID of the top level div. </p>

<p>Currently I have </p>

<pre><code>$($($("#ParentDiv").children()[1]).children()[0])
</code></pre>

<p>Which does seem to work. Is there a cleaner way of writing this, or is the way I am doing it ok?</p>
