Selecting next submit after actual textarea and disable it
<p>I have various instances of a form in a page. I want to desactivate the submit button of that ones with the default text in the textarea. My actual code is:</p>

<pre><code>// This works
$(".proposal-write-comment-submit").each(function(){
    var element = $(this).closest(".proposal-write-comment-textarea");

    var default_text = element.attr("data-default");
    var value_text   = element.val();

    if(default_text == value_text) {
        $(this).attr("disabled","disabled");    
    }
});

// This no
$(".proposal-write-comment-textarea").keypress(function(e){
    var default_text = $(this).attr("data-default");
    var value_text   = $(this).val();

    if(default_text == value_text) {
        $(this).closest(".proposal-write-comment-submit").attr("disabled","disabled");  
    } else {
        $(this).closest(".proposal-write-comment-submit").removeAttr("disabled");
    }
});
</code></pre>

<p>My HTML code:</p>

<pre><code>&lt;form class="proposal-write-comment" method="post" action=""&gt;
    &lt;textarea class="proposal-write-comment-textarea" data-default="Write a comment..."&gt;Write a comment...&lt;/textarea&gt;
    &lt;input class="proposal-write-comment-submit" type="submit" value="Save" /&gt;
&lt;/form&gt;
</code></pre>

<p>The second part of the javascript doesn't works. How I can select right the submit buttons "next to" the textarea?</p>

<p>Thank you in advance!</p>
