title: Copy value of one form into the hidden field of a second form
body: <p>I have a page with multiple forms, however all forms need to take the value of a radio button in the products form.  Below is a simplified version of my forms which are all on the same page.</p>
  
  <pre><code>&lt;form name="products" method="post" action="" /&gt;
  &lt;input id="prod_name" name="prod_name" type="radio" value="Product 1" checked /&gt;
  &lt;input id="prod_name" name="prod_name" type="radio" value="Product 2" /&gt;
  &lt;/form&gt;
  
  &lt;form name="delivery_method1" method="post" action="" /&gt;
  &lt;input type="hidden" id="item_name" name="item_name" value=""/&gt;
  &lt;input type="image" name="submit" value="submit"&gt;
  &lt;/form&gt;
  
  &lt;form name="delivery_method2" method="post" action="" /&gt;
  &lt;input type="hidden" id="item_name" name="item_name" value=""/&gt;
  &lt;input type="image" name="submit" value="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I understand I should be able to copy the value of "prod_name" into the hidden field of "item_name" using JavaScript however I have tried a number of solutions but they haven't worked.</p>
  
  <p>I have very little JavaScript knowledge so I would appreciate if someone could provide me with a full function and details of how the function is actioned from within the form.</p>