grabbing a variable two parents up and a sibling over using Jquery
<p>I am trying to grab a variable that is two divs up and a siblings over. However, the current code below seems to return no value. </p>

<p>There can be an infinite number of content_container divs. The jQuery below is what I am trying to use to find the value from the "value_to_grab" class within the same content_container div that the button_clicked div. </p>

<p>here is the HTML:</p>

<pre><code>&lt;div class="content_container"&gt;
       &lt;div class="container_a"&gt;

              &lt;input type="text" class="value_to_grab"&gt;

        &lt;/div&gt;
        &lt;div class="container_b"&gt;
               &lt;div class="container_c"&gt;
                          &lt;div class="button_clicked"&gt;
                              click
                          &lt;/div&gt;
               &lt;/div&gt;
        &lt;/div&gt;
 &lt;/div&gt;
&lt;div class="content_container"&gt;   
    &lt;div class="container_a"&gt;

              &lt;input type="text" class="value_to_grab"&gt;

        &lt;/div&gt;
        &lt;div class="container_b"&gt;
               &lt;div class="container_c"&gt;
                          &lt;div class="button_clicked"&gt;
                              click
                          &lt;/div&gt;
               &lt;/div&gt;
        &lt;/div&gt;
   &lt;/div&gt; 
    &lt;div class="content_container"&gt;
        &lt;div class="container_a"&gt;

              &lt;input type="text" class="value_to_grab"&gt;

        &lt;/div&gt;
        &lt;div class="container_b"&gt;
               &lt;div class="container_c"&gt;
                          &lt;div class="button_clicked"&gt;
                              click
                          &lt;/div&gt;
               &lt;/div&gt;
        &lt;/div&gt;

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

<p>here is the jquery:</p>

<pre><code>    $(".button_clicked").live('click', function () {
        var value_to_grab = $(this).parent().parent().siblings(".value_to_grab").attr('value');

});
</code></pre>
