Question

I am trying to send values to an mysql database using ajax from a form. I am selecting the value by taking the parent article of the form and then taking the child element with id=”email” as you can see here…

var email = $(this).parent("article").children("#email").val() //gets the user's email

However when I send the data onto the php file for uploading to the mysql database it seems to be doing something wrong, and instead of the value typed in being stored a function (shown below) is being stored… What is going on here!?

function (a) {var c,d,e,g=this[0];{if(!!arguments....

Answer 1

you can try find() method:

The .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

var email = $(this).parent("article").find("#email").val()