Getting last file input in a table
<p>Here is my html:</p>

<pre><code>    &lt;table&gt;
        &lt;tbody&gt;&lt;tr&gt;
            &lt;td&gt;
                &lt;label for="DocumentsName"&gt;Názov&lt;/label&gt;
            &lt;/td&gt;

            &lt;td&gt;
            &lt;input name="DocumentsName" class="input documentsName" value="" style="width: 10em;" type="text"&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;label for="DocumentsDescription"&gt;Popis&lt;/label&gt;
            &lt;/td&gt;

            &lt;td&gt;
            &lt;textarea name="DocumentsDescription" id="DocumentsDescription" cols="15" rows="4" class="input" style="width: 340px; font: 1em sans-serif;"&gt;&lt;/textarea&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;label for="Document1"&gt;Doc 1&lt;/label&gt;
            &lt;/td&gt;

            &lt;td&gt;
            &lt;input name="Document1" class="input document1" style="width: 10em;" type="file"&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;&lt;/table&gt;
    &lt;a href="#" id="addDocumentFileInput"&gt;+++++&lt;/a&gt;
</code></pre>

<p>I am trying to get the litest input with type="file" from the table upon clicking the #addDocumentFileInput link.</p>

<p>This returns null. Why?</p>

<pre><code>    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {

        $("#addDocumentFileInput").click(function() {
            var $lastFileInput = $(this).prev().children("tr").last().children("input");
            alert($lastFileInput.html());
            return false;
        });

    });
    &lt;/script&gt;   
</code></pre>
