Use the document.forms to Get HTML Form Value in JavaScript The document.forms method takes the name attribute to locate the form and its element. {"name":"foo","value":"1"}, For the purpose of this article, we'll use the forEach () loop in JavaScript. Use the id of the form to get the form object. Then, call the preventDefault () method of the event object to avoid form submission. POST requests are $('form').serialize() //this produces: "foo=1&bar=xxx&this=hi" Here's a really simple and short soluton that even doesn't require Jquery. var formElements=document.getElementById("myForm").elements; Example You can try to run the following code to submit an HTML form