Cómo saber qué radio button está seleccionado usando jQuery?

¡Hola a todos! Soy nuevo en desarrollo web y estoy tratando de entender los radio buttons en un formulario. Tengo un grupo de radio buttons para seleccionar el género del usuario: ``` Masculino Femenino Obtener resultado ``` Quiero que al hacer clic en el botón se muestre en la consola el valor del radio button seleccionado (por ejemplo, "male" o "female"). Intenté escribir este código: ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` Pero a veces funciona y a veces muestra `undefined`. No entiendo por qué. ¿Quizás estoy usando mal el selector `:checked`? ¿O el problema es que los radio buttons no están dentro de un `

`? Explíquenme cómo determinar correctamente el radio button seleccionado con jQuery para que el código funcione de manera estable. ¡Agradeceré ejemplos y explicaciones! También me interesa saber si se puede obtener no solo