In jQuery how can I get the next selector in a nested loop?
<p>I have the following structure:</p>

<pre><code>&lt;div class="foo"&gt;
     &lt;div class="moo"&gt;
            &lt;div class="too"&gt; &lt;input type="hidden" val="56"/&gt;&lt;/div&gt;
     &lt;/div&gt;       
&lt;/div&gt;
&lt;div class="foo"&gt;
     &lt;div class="moo"&gt;
            &lt;div class="too"&gt;  &lt;input type="hidden" val="58"/&gt;&lt;/div&gt;
     &lt;/div&gt;       
&lt;/div&gt;
</code></pre>

<p>Continued...</p>

<pre><code>//jQuery Code
$('.too').live('click',function(){
  var next_value = $(this).next('.too').find('input').val();
  console.log(next_value);
});
</code></pre>

<p>Now I want the value of the next "too" input. How can I get this? It's not working. </p>
