title: Auto complete form field from previously entered value on the same form
body: <p>I am building quite a long form that has multiple form fields and check boxes.
  In order to make it as usable as possible from the client perspective I would like to auto populate certain values as the client fills out the form.</p>
  
  <p>This form contains different sections as the client goes through the form. 
  So if he has entered his First Name, Last Name and ID Number in the first section he would be prompted to do so again in a later section( this is due to legal obligations). I would like to auto populate these fields from the clients first entries as to make the process a little easier and more user friendly.</p>
  
  <p>What would be the best way to go about this?</p>
  
  <p>If I am correct in saying that I cannot have two of the same values in a form when it is submitted to the database. It makes more sense to have one value but auto populated from the first.</p>
  
  <p>Hope this makes sense.</p>
  
  <pre><code>&lt;h3&gt;Section 1&lt;/h4&gt;
  &lt;ul&gt;
  &lt;li&gt;
      &lt;input type="text" name="client_first_name" id="client_first_name"&gt;         
      &lt;label for="client_first_name"&gt;Client First Name:&lt;/label&gt;
      &lt;input type="text" name="client_last_name" id="client_last_name"&gt;           
      &lt;label for="client_last_name"&gt;Client Last Name:&lt;/label&gt;
      &lt;input type="text" name="client_id" id="client_id"&gt;
      &lt;label for="client_id"&gt;Client ID Number:&lt;/label&gt;    
  &lt;li&gt;
      &lt;label for="advisor_name"&gt;Advisor:&lt;/label&gt;
      &lt;select type="text" name="advisor_name" id="advisor_name"&gt;
          &lt;option&gt;Please Select Advisor&lt;/option&gt;
          &lt;option value="andrew"&gt;Andrew&lt;/option&gt;
          &lt;option value="jamie"&gt;Jamie&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;label for="advisor_id"&gt;Advisor ID Number:&lt;/label&gt;
      &lt;input type="text" name="advisor_id" id="advisor_id"&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  
  Later in document......
  
   &lt;h3&gt;Section 7&lt;/h4&gt;
  &lt;ul&gt;
  &lt;li&gt;
      &lt;input type="text" name="client_first_name" id="client_first_name"&gt;         
      &lt;label for="client_first_name"&gt;Client First Name:&lt;/label&gt;
      &lt;input type="text" name="client_last_name" id="client_last_name"&gt;           
      &lt;label for="client_last_name"&gt;Client Last Name:&lt;/label&gt;
      &lt;input type="text" name="client_id" id="client_id"&gt;
      &lt;label for="client_id"&gt;Client ID Number:&lt;/label&gt;    
  &lt;li&gt;
      &lt;label for="advisor_name"&gt;Advisor:&lt;/label&gt;
      &lt;select type="text" name="advisor_name" id="advisor_name"&gt;
          &lt;option&gt;Please Select Advisor&lt;/option&gt;
          &lt;option value="andrew"&gt;Andrew&lt;/option&gt;
          &lt;option value="jamie"&gt;Jamie&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;label for="advisor_id"&gt;Advisor ID Number:&lt;/label&gt;
      &lt;input type="text" name="advisor_id" id="advisor_id"&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>