L'envoi de multiples formes de données via Ajax de jQuery

J'ai deux formulaires pour qui je veux envoyer les données via Ajax de jQuery appel. J'ai réussi à l'envoyer avec succès pour une forme, mais je ne suis pas capable d'envoyer les données à partir de deux d'entre eux par le même appel Ajax.

Mes formes sont:

<form id="filter-group1"  method="post" name="filtergroup1">
<input type="checkbox" name="colour1" value="Value1" onclick="filterBy()" /><label>Option 1</label>
<input type="checkbox" name="colour2" value="Value2" onclick="filterBy()" /><label>Option 2</label>
<input type="checkbox" name="colour3" value="Value3" onclick="filterBy()" /><label>Option 3</label>
</form>
<form id="filter-group2" method="post" name="filtergroup2">
<input type="checkbox" name="size1" value="Value1" onclick="filterBy()" /><label>Option 1</label>
<input type="checkbox" name="size2" value="Value2" onclick="filterBy()" /><label>Option 2</label>
<input type="checkbox" name="size3" value="Value3" onclick="filterBy()" /><label>Option 3</label>
</form>

Et la fonction est:

function filterBy() { 
    var fgroup1 = document.filtergroup1;
    var fgroup2 = document.filtergroup2;
    var dataString1 = $(fgroup1).serialize();
    var dataString2 = $(fgroup2).serialize();
    var filterdata = [];
    filterdata.push(dataString1,dataString2);
    $.ajax( {
        type: 'POST',
        url: 'filter.php',
        data: filterdata,
        success: function(data) {
            console.log(data);
            $('#message').html(data);
        }
    });
}

J'ai ceci dans le fichier php:

echo var_export($_POST);

La fonction fonctionne très bien pour une forme si je remplace les données: avec

data: dataString1,

Je suis en train d'essayer d'obtenir le même résultat avec les données provenant des deux formes, mais je ne veux pas utiliser une fonction différente pour chaque formulaire.

J'apprécie toute l'aide. Merci.

OriginalL'auteur Valentin G. | 2013-10-06