Disable Inputs After Form Submission with jQuery Form Plugin
<p>Gist of my HTML (I have multiple forms on the same page)</p>

<pre><code>&lt;tr&gt;
    &lt;form method="post" class="save-form" id="93"&gt;
        &lt;td&gt;
            &lt;a href="#" class="edit"&gt;Edit&lt;/a&gt; &lt;input type="submit" value="save" name="save" class="save hidden" /&gt;
        &lt;/td&gt;
        &lt;td class="center gray"&gt;
            &lt;input type="text" value="234" name="views" /&gt;
        &lt;/td&gt;
    &lt;/form&gt;
&lt;/tr&gt;
</code></pre>

<p>I'm using the <a href="http://jquery.malsup.com/form/#html" rel="nofollow">jQuery Form Plugin</a>.</p>

<pre><code>$('.save-form').each(function() {
    $(this).ajaxForm({
        beforeSubmit: function() {
            //
        },
        success: function(data) {
            //
        }
    });
});


$('.save-form').submit(function() { 
    $(this).parent().find('a.edit').show();
    $(this).parent().find('input.save').hide();
 // $(this).parent().find('input').attr('disabled', 'disabled');
});
</code></pre>

<p>All of this works fine.</p>

<p>But I want to move everything from <code>$('.save-form').submit(function() {</code> into <code>success:</code>. I couldn't figure it out with the HTML I have..</p>

<p>I also want to disable the <code>save</code> input after the form has been submitted. If I try to with <code>$('.save-form').submit(function() {</code>, it disables the input, BUT won't submit the input data - I think because the input is being disabled before being processed. If it is disabled from within <code>success:</code> it should work, but I can't figure that out either.</p>

<p>How can I process the form and then disable the inputs?</p>
