Cómo verificar si una casilla de verificación está marcada con jQuery

¡Hola a todos! Acabo de empezar a aprender jQuery y me encontré con un problema. Tengo un formulario con una casilla de verificación y necesito verificar al enviar el formulario si el usuario la ha marcado. He probado varios métodos, pero ninguno funciona como esperaba. Aquí está mi HTML: ```html Estoy de acuerdo con los términos Enviar ``` Y mi código jQuery: ```javascript $('#submit').click(function() { if ($('#agree').val() == 'on') { alert('Casilla marcada'); } else { alert('Casilla no marcada'); } }); ``` Al hacer clic en el botón siempre muestra "Casilla no marcada", incluso si marco la casilla. Leí que las casillas de verificación tienen la propiedad `checked`, pero ¿cómo obtenerla con jQuery? Probé `$('#agree').attr('checked')` — devuelve `undefined` en versiones nuevas de jQuery. Por favor, indíquenme la forma correcta. Preferiblemente con una explicación de por qué mi código no funciona y cómo solucionarlo. Gracias de antemano.