Como saber qual radio button está selecionado usando jQuery?

Olá a todos! Sou novo no desenvolvimento web e estou tentando entender os radio buttons em um formulário. Tenho um grupo de radio buttons para selecionar o gênero do usuário: ``` Masculino Feminino Saber resultado ``` Quero que, ao clicar no botão, o valor do radio button selecionado seja exibido no console (por exemplo, "male" ou "female"). Tentei escrever este código: ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` Mas às vezes funciona e às vezes exibe `undefined`. Não entendo por quê. Será que estou usando o seletor `:checked` incorretamente? Ou o problema é que os radio buttons não estão dentro de uma tag `

`? Expliquem como determinar corretamente o radio button selecionado com jQuery para que o código funcione de forma estável. Agradeço exemplos e explicações! Também tenho interesse em saber se é possível obter não apenas