JQuery Ajax Binding
<p>Below is the simple code that should display Ajax loading animation when form is submitted:</p>

<pre><code>var init = function() {
    $("form").bind('ajax:beforeSend', function() {
        $("#comments_loading").show();
    });

    $("form").bind('ajax:complete', function() {
        $("#comments_loading").hide();
    });
};

$(document).load(init);
</code></pre>

<p>It's purpose is to display the loading animation on Ajax request.  It works perfectly, but... only for the first form submit!!! Any suggestions why/how can this be addressed can be much appreciated.</p>

<p>Thanks a lot.</p>
