title: Using jQuery to pass input value from one page, to the input vlaue on a new page
body: <p>I would like to user jQuery to accomplish this.  Any help will be much appreciated.  What I'm attempting to do...</p>
  
  <p>On <strong>Page 1</strong> I have a small form. On <strong>Page 2</strong> I have a form allowing the user to search for values.  </p>
  
  <p>I'm creating a shortcut for users to type in a common search (last name) on <strong>Page 1</strong>, and then after they submit the form, it sends the data to <strong>Page 2</strong> AND also searches on <strong>Page 2</strong>.</p>
  
  <h3>Example:</h3>
  
  <p>User types in last name '<em>smith</em>' on <strong>Page 1</strong> and then hits the <strong>send data</strong> button. The data is then sent to <strong>Page 2</strong>. On <strong>Page 2</strong>, the last name field has been filled in AND the search button has been clicked.</p>
  
  <hr>
  
  <h3>Code for Page 1:</h3>
  
  <pre><code>&lt;!-- PAGE 1 --&gt;
  &lt;form action="/page2" method="post"&gt;
      &lt;div&gt;
      &lt;label&gt;last name&lt;/label&gt;
      &lt;input type="text" name="lastName" value="last name"&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
       &lt;input type="submit" value="send data"&gt;                
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h3>Code for Page 2:</h3>
  
  <pre><code>&lt;!-- PAGE 2 --&gt;
  &lt;form&gt;
      &lt;div&gt;
      &lt;label&gt;last name search&lt;/label&gt;
      &lt;input type="text" name="lastName" value="last name"&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
       &lt;input type="submit" value="search"&gt;                
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>