Can I use jQuery to show when my Ajax query is in progress?
<p>I am using the following javascript to detect when a field is changed:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $("select[id^='Status_'], input[id^='Position_']").change(function (e) {
            var type = $(this).attr('id').split('_')[0];
            updateField('Account', $(this), type);
        });
    });
&lt;/script&gt;
</code></pre>

<p>This then calls the following to updata data in the database:</p>

<pre><code>function updateField(entity, obj, type) {
    var val = obj.val();
    var idArr = obj.attr("id");
    var idTmp = idArr.split("_");
    var id = idTmp[1];
    var pk = $('#Meta_PartitionKey').val();
    var rk = $("div[id='rk_" + id + "']").html();
    $.ajax({
        cache: false,
        url: "/Administration/" + entity + "s/Update",
        data: {
            pk: pk,
            rk: rk,
            fld: type,
            val: val
        }
    });
};
</code></pre>

<p>Is there some way that I could provide a visual clue to the user that the update is taking place. Something like changing the cursor and then changing it back.</p>

<p>Also how can I give a message to show if the update failed to my users?</p>
