[ajaxform] Jemand ne Idee wie ich es 2 Formulare auf einer Seite betreiben kann?

In dem jQuery-Script wird initial die Variable form definiert .. dieses habe ich angepasst, damit die Variable bei jedem Formular anders heisst (natürlich habe ich auch bei jedem Vorkommen der Variablen den Namen angepasst).

Funktioniert leider nicht so einfach .. wenn ich das zweite Formular leer absende erscheint nach dem Ajax-Load an dessen Stelle das erste Formular anstelle des zweiten Forms.

Hat jemand nen Tip?

Hier das Script wie es bei mir in der Ausgabe erscheint:

Code:

---

(function($) {
"use strict";
    $(document).ready(function() {
        var formf1 = $('#f1');
        formf1.submit(function(event) {
                $.ajax({
                    type: 'POST',
                    data: formf1.serialize(),
                    cache: false,
                    success: function(data) {
                        if (data == 'true') {
                            formf1.off('submit').submit();
                            return;
                        }
                        formf1.animate({'opacity':0}, 200, 'swing', function() {
                            formf1.html(data);
                            formf1.animate({'opacity':1}, 200);

                            try {
                                form1.find('input,textarea').each(function (el) {
                                    el.cleardefault();
                                });
                            } catch (err) {}

                            formf1.trigger('ajax_change');
                            $(window).trigger('ajax_change');
                        });
                    }
                });
            return false;
        });
    });
})(jQuery);

---