Finding sibling right above "this" jquery
<p>I'm having trouble selecting the right element with my jQuery code. This is what the DOM basically looks like:</p>

<pre><code>&lt;div class='bad_link'&gt;
    &lt;p&gt;&lt;a href='...'&gt;...&lt;/a&gt;&lt;/p&gt;
    &lt;p&gt;&lt;a href='...'&gt;...&lt;/a&gt;&lt;/p&gt;
    &lt;input type='text' size='100' name='....' /&gt;
    &lt;input class='check_button' type='button' name='check_link' value='Check' /&gt;
&lt;/div&gt;
</code></pre>

<p>I'm trying to grab the value of the input field that is right above the "Check" button, but I'm having trouble doing that.</p>

<p>This is my jQuery code right now:</p>

<pre><code>$(document).ready(function() {
    $(".check_button").on('click', function() {
        window.alert($(this).siblings().find('input').text());
    });
});
</code></pre>

<p>How can I grab that value?? Thanks!</p>
