parent > child notation in jquery 1.3
<p>I am using jquery 1.3 version</p>

<pre><code>&lt;div id='mainPanel'&gt;
   &lt;div&gt;   
     &lt;h3&gt;Head #1 &lt;a href="#"&gt;&lt;input type="text" value="Type 1"/&gt; &lt;/a&gt;&lt;/h3&gt;

     &lt;div&gt;
        &lt;div id="panel_1"&gt;
          &lt;div class="items"&gt;
             &lt;div&gt;&lt;input type='text' value="0"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="1"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="2"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="3"/&gt;&lt;/div&gt;
        &lt;/div&gt; 
      &lt;/div&gt;
     &lt;/div&gt;

   &lt;div&gt;   
     &lt;h3&gt;Head #2 &lt;a href="#"&gt;&lt;input type="text" value="Type 2"/&gt; &lt;/a&gt;&lt;/h3&gt;
     &lt;div&gt;
        &lt;div id="panel_2"&gt;
          &lt;div class="items"&gt;
             &lt;div&gt;&lt;input type='text' value="0"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="1"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="2"/&gt;&lt;/div&gt;
             &lt;div&gt;&lt;input type='text' value="3"/&gt;&lt;/div&gt;
        &lt;/div&gt; 
      &lt;/div&gt;
     &lt;/div&gt;

   &lt;div&gt;
&lt;/div&gt;
</code></pre>

<p>Now , here i want to access the text box values from head div and need a id i.e. panel_1 and panel_2</p>

<p>so to do that i have written down following code </p>

<pre><code>  $("#mainPanel &gt; div &gt; h3").each(function(index) {

        var panelId = $(this).attr('id'); // i.e. panel_1 and all

        // parent &gt; child notation
        var ele = $(this).next('div &gt; div &gt; div &gt; div').each(function(index){ 


           alert($(this).children('input').val());


});

});
</code></pre>

<p>Here i am failed to get the result using parent > child notation</p>

<p>HOW CAN I ACCESS H3 > A > INPUT 's value here </p>
