Estoy tratando de crear un sitio web que obtenga la entrada del usuario, las opciones seleccionadas y envíe por correo electrónico la información ingresada al correo electrónico del usuario. Mi problema aquí es que el evento onClick no funciona correctamente, no hace nada y muestra que la función no está definida.

 Name:<br><input type="text" id="name" required/> <br/> <label><br>Example</label> <br> <select name="choice"> <option value="" selected>--SELECT--</option> <option value="choice1">choice1</option> <option value="choice2">choice2</option> </select><br> <button type='submit' onclick='myFunction()'>SUBMIT</button>

La función que supuestamente obtendría los datos de la entrada del usuario al hacer clic en enviar.

 function myFunction(){ var name = $("#name"); var email = $("#email"); var schedule = $("#schedule"); var time = $("#time"); if(isNotEmpty(name) && isNotEmpty(email) && isNotEmpty(time) && isNotEmpty(schedule)) { $.ajax({ url: 'send.php', method: 'POST', dataType: 'json', data:{ name: name.val(), email: email.val(), schedule: schedule.val(), time: time.val() }, success: function(response){ $("#status")[0].reset(); $('.status').text("Kindly check your email for status of Delivery. Thank you!"); } }); } }