jQuery obtener ESTE formulario de entrada

Question

Estoy tratando de obtener los valores de múltiples entradas de formulario, pero el problema es que tengo varios formularios idénticos en la misma página y solo quiero obtener las entradas del formulario que se envió, entonces estoy usando la palabra clave 'this'. Este es mi código:

$('form.contact_form').submit(function(e) { 
    var fname = $(this).children('input.fname').val(); 
    var email = $(this).children('input.email').val(); 
    var comment = $(this).children('input.comment').val(); 

Sin embargo, cuando intento acceder las variables para probar que están devolviendo los valores incorrectos, se dice que son todos indefinido. ¿Cuál sería la forma correcta de hacer esto?

Gracias por cualquier ayuda: D

Answer 1

Necesito ver el HTML.

Pero, ¿son hijos directos de la forma?
¿O debería estar usando .find, en lugar de .children porque están anidados más abajo?

Answer 2

incluso se puede utilizar 'este' contexto

var fname = $('input.fname', this).val(); 

Answer 3

Uso .find() como sugirió el Chad.

$('form.contact_form').submit(function(e) { 
    var $this = $(this); 
    var fname = $this.find('input.fname').val(); 
    var email = $this.find('input.email').val(); 
    var comment = $this.find('input.comment').val(); 

});