title: How to transfer input value from one input to another with jquery
body: <p>I need to be able to type in to an input and have that value show up in another input here is what I have been working with. So basically input from <code>userreplymessage</code> goes to input <code>userreplydisplay</code>.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;form id="userreply"&gt;
      &lt;select id="usernames"&gt;
          &lt;option value=""&gt;Users&lt;/option&gt;
          &lt;option value="Alex"&gt;Alex&lt;/option&gt;
          &lt;option value="Jeff"&gt;Jeff&lt;/option&gt;
          &lt;option value="Amy"&gt;Amy&lt;/option&gt;
          &lt;option value="Kate"&gt;Kate&lt;/option&gt;
      &lt;/select&gt;
      &lt;input id="userreplymessage" type="text" /&gt;
      &lt;input id="userreplydisplay" type="text" /&gt;
  &lt;/form&gt;​
  </code></pre>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>$(document).ready(function() {
      function update() {
          $('#userreplydisplay').text('startreply ' + 'middlereply ' + $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());
      }
  
      $('#userreplymessage').keyup(update);
      $('#usernames').change(update);
  });​
  </code></pre>