Find element within div and add text with jQuery
<p>I'm trying to write a small snippet of jQuery that validates my input fields. If they don't validate I want to write an error message to an empty <code>&lt;p&gt;</code> tag, only I can't seem to target it correctly. Can anybody see/explain where im going wrong?</p>

<p><a href="http://jsfiddle.net/xG2KS/19/" rel="nofollow">http://jsfiddle.net/xG2KS/19/</a></p>

<pre class="lang-js prettyprint-override"><code>$(".nextform").click(function() {
    var empty = $(this).parent().find("li input").filter(function() {
        return this.value === "";
    });
    if(empty.length) {
        $(this).find('p.feedback').html('error');
    }
});
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;li&gt;&lt;input type="text" /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;input type="text" /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;input type="text" /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p class="feedback"&gt;&lt;/p&gt;
    &lt;input type="submit" value="next" class="next" /&gt;&lt;/li&gt;
&lt;/div&gt;
</code></pre>
