title: copy and concatenate values of multiple input boxes in a form to one input field
body: <p>copy/duplicate and concatenate values of multiple input boxes to one</p>
  
  <p>I have input fields for street, city, state and zip and the fifth one that says complete address. I am trying to have the full address[concatenated with , as a separator]with all the four aforementioned fields to be filled out on the complete address.</p>
  
  <p>Here's what i have so far. The first one copies (street address) but i need help to concatenate the other fields...</p>
  
  <p>You can Fiddle here:
  <a href="http://jsfiddle.net/subigya/PeVAj/" rel="nofollow">http://jsfiddle.net/subigya/PeVAj/</a></p>
  
  <p>type="text/javascript"></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
       $('#street').bind('keypress blur', function() {
  
          $('#latlongaddress').val($(this).val());
  
      });
  
      $('#city').bind('keypress blur', function() {
  
      ..need help ...
  
      });
  
  &lt;/script&gt;
  
  
  
  &lt;form method="post" action="#"&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="name_of_salon"&gt;Name of Salon:&lt;/label&gt;
          &lt;input type="text" id="name_of_salon" name="name_of_salon" /&gt;
      &lt;/div&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="street"&gt;Street Address:&lt;/label&gt;
          &lt;input type="text" id="street" name="street" /&gt;
      &lt;/div&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="city"&gt; City:&lt;/label&gt;
          &lt;input type="text" id="city" name="city" /&gt;
      &lt;/div&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="state"&gt;State:&lt;/label&gt;
          &lt;select name="state" size="1"&gt;
              &lt;option value="AK"&gt;AK&lt;/option&gt;
              &lt;option value="AL"&gt;AL&lt;/option&gt;
              &lt;option value="AR"&gt;AR&lt;/option&gt;
              &lt;option value="AZ"&gt;AZ&lt;/option&gt;
              &lt;option value="CA"&gt;CA&lt;/option&gt;
              &lt;option value="CO"&gt;CO&lt;/option&gt;
              &lt;option value="CT"&gt;CT&lt;/option&gt;
              &lt;option value="DC"&gt;DC&lt;/option&gt;
              &lt;option value="DE"&gt;DE&lt;/option&gt;
              &lt;option value="FL"&gt;FL&lt;/option&gt;
              &lt;option value="GA"&gt;GA&lt;/option&gt;
              &lt;option value="HI"&gt;HI&lt;/option&gt;
              &lt;option value="IA"&gt;IA&lt;/option&gt;
              &lt;option value="ID"&gt;ID&lt;/option&gt;
              &lt;option value="IL"&gt;IL&lt;/option&gt;
              &lt;option value="IN"&gt;IN&lt;/option&gt;
              &lt;option value="KS"&gt;KS&lt;/option&gt;
              &lt;option value="KY"&gt;KY&lt;/option&gt;
              &lt;option value="LA"&gt;LA&lt;/option&gt;
              &lt;option value="MA"&gt;MA&lt;/option&gt;
              &lt;option value="MD"&gt;MD&lt;/option&gt;
              &lt;option value="ME"&gt;ME&lt;/option&gt;
              &lt;option value="MI"&gt;MI&lt;/option&gt;
              &lt;option value="MN"&gt;MN&lt;/option&gt;
              &lt;option value="MO"&gt;MO&lt;/option&gt;
              &lt;option value="MS"&gt;MS&lt;/option&gt;
              &lt;option value="MT"&gt;MT&lt;/option&gt;
              &lt;option value="NC"&gt;NC&lt;/option&gt;
              &lt;option value="ND"&gt;ND&lt;/option&gt;
              &lt;option value="NE"&gt;NE&lt;/option&gt;
              &lt;option value="NH"&gt;NH&lt;/option&gt;
              &lt;option value="NJ"&gt;NJ&lt;/option&gt;
              &lt;option value="NM"&gt;NM&lt;/option&gt;
              &lt;option value="NV"&gt;NV&lt;/option&gt;
              &lt;option value="NY"&gt;NY&lt;/option&gt;
              &lt;option value="OH"&gt;OH&lt;/option&gt;
              &lt;option value="OK"&gt;OK&lt;/option&gt;
              &lt;option value="OR"&gt;OR&lt;/option&gt;
              &lt;option value="PA"&gt;PA&lt;/option&gt;
              &lt;option value="RI"&gt;RI&lt;/option&gt;
              &lt;option value="SC"&gt;SC&lt;/option&gt;
              &lt;option value="SD"&gt;SD&lt;/option&gt;
              &lt;option value="TN"&gt;TN&lt;/option&gt;
              &lt;option value="TX"&gt;TX&lt;/option&gt;
              &lt;option value="UT"&gt;UT&lt;/option&gt;
              &lt;option value="VA"&gt;VA&lt;/option&gt;
              &lt;option value="VT"&gt;VT&lt;/option&gt;
              &lt;option value="WA"&gt;WA&lt;/option&gt;
              &lt;option value="WI"&gt;WI&lt;/option&gt;
              &lt;option value="WV"&gt;WV&lt;/option&gt;
              &lt;option value="WY"&gt;WY&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="zip"&gt;Zip:&lt;/label&gt;
          &lt;input type="text" id="zip" name="zip" /&gt;
      &lt;/div&gt;
  
      &lt;div class="formitem"&gt;
          &lt;label for="address_of_salon"&gt;Full Address:&lt;/label&gt;
          &lt;input type="text" id="latlongaddress" name="address" /&gt;
      &lt;/div&gt;
  
  
      &lt;div class="formitem"&gt;
          &lt;input type="submit" id="location_submit" name="location_submit" value="Add Location" class="addBtn" /&gt;
      &lt;/div&gt;
  </code></pre>