jQuery elements animate to a child value?
<p>I'm looking to click a.go and then have a series of divs all with the class of .box animate to a percentage that is held in an input within the parent .box</p>

<p>So i looks something like this:</p>

<pre><code>&lt;a class="go" href="#"&gt;go!&lt;/a&gt;

&lt;div class="box&gt;&lt;input type="hidden" value="50"/&gt;&lt;/div&gt;
&lt;div class="box&gt;&lt;input type="hidden" value="90"/&gt;&lt;/div&gt;
&lt;div class="box&gt;&lt;input type="hidden" value="20"/&gt;&lt;/div&gt;
&lt;div class="box&gt;&lt;input type="hidden" value="60"/&gt;&lt;/div&gt;


       $('a.go').click(
        function() {
               $('.box').animate({
                    "left": "50%"
                     }, 2000);
            }
       ); 
</code></pre>

<p>So right now I can animate them all 50%, but I want to animate them to the value of its input. What should I be using? each()? </p>
