title: Jquery - Accessing nested child elements
body: <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>