title: Copy input field's value to multiple hidden fields... but with same ID's?
body: <p>1) I have 3 input radio buttons with unique values. <br>
  For e.g.</p>
  
  <pre><code>&lt;input type="radio" id="id1" value="This is first value" /&gt;
  &lt;input type="radio" id="id2" value="This is second value" /&gt;
  &lt;input type="radio" id="id3" value="This is third value" /&gt;
  </code></pre>
  
  <p>2) Next, I have 2 hidden form like this:</p>
  
  <pre><code>&lt;form action="//mysite.com/process1.php"&gt;&lt;input type="hidden" id="uniqueid" value=""&gt;&lt;/form&gt;
  
  &lt;form action="//mysite.php/process2.php"&gt;&lt;input type="hidden" id="uniqueid" value=""&gt;&lt;/form&gt;
  </code></pre>
  
  <p>3) Based upon whichever radio button the user clicks, I need to copy its value to the value of <strong>both the above forms hidden field</strong>. </p>
  
  <p>For e.g. If user clicks on radio with id1, then it's value "This is first value" should be copied to both the forms hidden field.</p>
  
  <p><strong>CONSTRAINTS:</strong><br>
  1) Have to use javascript or jquery, no server side processing available.<br>
  2) Note: both the final forms have one input field, but with same id. This is a constraint.<br>
  3) Why? Because based on some other actions on the page, the user gets to see one of the 2 forms. The only difference between them is their action is unique. All fields are same.</p>
  
  <p><strong>WHAT I HAVE SO FAR:</strong><br>
  Using this, I am able to copy the value from the radio button to a hidden field's value, but it only copies to a field with a UNIQUE ID.</p>
  
  <pre><code>var $unique = $("#unique");
  $("#radio1").keyup(function() {
  $unique.val(this.value);
  });
  $("#email").blur(function() {
  $unique.val(this.value);
  });
  </code></pre>
  
  <p>Can someone guide as to how can the value be copied to multiple input fields, but with same id's?<br>(Yes, the id's of the initial radio buttons can be unique.)</p>