title: Copy form input to another form
body: <p>I have a form </p>
  
  <pre><code>&lt;form name="search" action=""&gt;
  
      &lt;label&gt;Job No:&lt;/label&gt; 
      &lt;input type="text" name="job" id="job" value=""/&gt; 
  
      &lt;label&gt;Project:&lt;/label&gt; 
      &lt;input type="text" name="project" id="project" value=""/&gt; 
  
      &lt;input type="submit"  class="search_button" value="Search" /&gt; 
  
  &lt;/form&gt;
  </code></pre>
  
  <p>and a second form</p>
  
  <pre><code>&lt;form name="search2" action=""&gt;
  
      &lt;label for="from"&gt;Start Date:&lt;/label&gt; 
      &lt;input type="text" name="from" id="from"  value=""/&gt; 
  
      &lt;label for="to" &gt;End Date:&lt;/label&gt; 
      &lt;input type="text" name="to" id="to"  value="" /&gt; 
  
      &lt;input type="submit"  class="search_button" value="Search+" /&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Is there a way to populate <strong>form2</strong> with the input fields in <strong>form1</strong> when the search button for <strong>form2</strong> is clicked. 
  My implementation requires i do not join the both forms together.
  Thanks</p>