title: How to show input (name + value) in textarea?
body: <p>I'm working on this project where I need to have the value of a textarea change when one of the input values in the same form changes.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form id="form" action="" method=""&gt;
  &lt;textarea readonly class="overview"&gt;&lt;/textarea&gt;
  &lt;input type="text" class="add" name="product1" /&gt;
  &lt;input type="text" class="add" name="product2" /&gt;
  &lt;input type="text" class="add" name="product3" /&gt;
  &lt;input type="text" class="add" name="product4" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The customer is allowed to change the input.class.
  The textarea-value should change whenever one of the inputs changes.</p>
  
  <p>The textarea should show something like:<br />
  3 x product1<br />
  1 x product3<br />
  4 x product4<br /></p>
  
  <p>Anybody got an idea?</p>
  
  <p>Thanks in advance,</p>
  
  <p>Joel</p>