title: How to have multiple input boxes of the same name on a page?
body: <p>I am making a web page. It has some input fields grouped into one section, and then below that section is an "Add another" button. That button will add another identical section to the page using JavaScript; the same form fields.</p>
  
  <p>Then later down the page there is a "Calculate" button. It runs some other JavaScript which needs to have access to these input fields via jQuery.</p>
  
  <p>What is the recommended way to have multiple duplicate <code>input</code> elements on the page? I am aware that there shouldn't be two elements with the same ID, but what happens with two elements of the same name? Can they be accessed individually? Or should I name these input elements differently with JavaScript, e.g. adding a "1", "2", etc. to the end of their name, and then use loops? (that seems messy)</p>
  
  <p>How should I identify and access these identical groups of input fields?</p>