Selecting Form Values OnChange
<p>I have a large form with many inputs (form can have more than 100 values) and this seems to be causing some instability when posting back to the server using <code>jquery.serialize()</code>. </p>

<p>Often, only one or two values are changed before the form is submitted, so I thought I try submitting just the values that changed. Only I'm not sure how to do that.</p>

<p>I think I want to select all inputs on the form and call <code>jquery.change()</code> on them, then somehow use the <code>eventData</code> to determine which values it is that changed.</p>

<p>Any assistance with the code, or alternate ideas on how I might go about this would be appreciated.</p>

<hr>

<p>I suppose I should have mentioned, it's MVC-4.</p>

<p>Here's the script I've come up with so far.</p>

<blockquote>
<pre><code>$(document).ready(function () {
    $("#EditForm").find("input")
        .on("change", function (event)
        {
            var name = this.name;
            var value = this.value;

            var form = {};
            form[name] = value;

            $.post("/Contracts/EditSingle", form, function (data)
            {
                $("#editContractResponse").html(data);
            });
    });
});
</code></pre>
</blockquote>

<p>This works, but it posts on every input edit. I like the idea about finding out which inputs are dirty, but not sure how to bring that about.</p>
