jQuery serializeArray mit $ (this)

Question

Ich benutze jQuery serializeArray, um Formulardaten auf zwei verschiedene Arten zu serialisieren.

Die Schaltfläche "Save All Rooms" (Alle Räume speichern) serialisiert alle Formulardaten (dies funktioniert einwandfrei), und die Schaltfläche "Check Availability" (Verfügbarkeit prüfen) serialisiert nur Daten aus der spezifischen Form, auf die geklickt wird (dies funktioniert nicht).

Kann mir jemand sagen, wo ich falsch liege? Jede Hilfe sehr geschätzt!

JSFiddle: https://jsfiddle.net/kuohhm2q/

"Verfügbarkeit prüfen" Funktion, die nicht funktioniert:

// Serialize Individual Form Data 
el.find(".check_availability").click(function() { 

    var formData = JSON.stringify($(this).parent('div :input').serializeArray()); 
    alert(formData); 

}); 

Answer 1

änderte ich

JSON.stringify($(this).parent('div :input').serializeArray()); 

dieser

JSON.stringify($(this).parent('div').find("input, select").serializeArray()); 

Hier ist das aktualisierte fiddle