Jquery - How to add text into text box in div above?
<p>I am trying to add text into a hidden text box in the div below when a use clicks delete...</p>

<p>Html</p>

<pre><code>&lt;div class="documentRow"&gt;    
&lt;div class="documentHeader"&gt;
    &lt;b&gt;Title:&lt;/b&gt; 
     &lt;input data-val="true" data-val-required="Required" id="EventDocuments_1__Title" name="EventDocuments[1].Title" style="width:100px" type="text" value="test.doc"&gt;   
&lt;/div&gt;
&lt;div class="documentDelete"&gt;
    &lt;input data-val="true" data-val-required="The Delete field is required." id="EventDocuments_1__Delete" name="EventDocuments[1].Delete" type="hidden" value="False"&gt;
&lt;/div&gt;
&lt;div class="deleteDoc"&gt;
     &lt;button class="button delDocButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"&gt;&lt;span class="ui-button-text"&gt;Delete&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>Jquery:</p>

<pre><code>$(".delDocButton").click(function() {
        $(this).parent().parent().toggle();
        $(this).parent().find(".documentDelete input").val("True");  
        return false;
    });
</code></pre>

<p>i have several of these "rows" on the page, so i cant reference the text box by id.</p>
