Trouble figuring out jquery selector to use
<p>I have the following code, basically:</p>

<pre><code>&lt;form&gt;
 &lt;p class="comment-form-comment"&gt; &lt;textarea id="comment" &gt;&lt;/textarea&gt; &lt;/p&gt;
    &lt;p class="form-submit" style="display: none;"&gt;&lt;input id="submit" value="submit" type="submit"&gt;&lt;/input&gt; &lt;/p&gt;
&lt;/form&gt;
</code></pre>

<p>I have the following javascript:</p>

<pre><code>jQuery('form').on('click','p.comment-form-comment', function(){

jQuery("p.form-submit").css('display', 'block');

    });​
</code></pre>

<p>The form is a looped item and I'm trying to select the submit button that belongs to the clicked textarea, instead of all of the buttons. I can't seem to wrap my head around it although it seems like it would be easy enough.</p>

<p>I set up a jsFiddle here: <a href="http://jsfiddle.net/ZJx3k/1/" rel="nofollow">http://jsfiddle.net/ZJx3k/1/</a></p>
