title: Catching multiple values using JS
body: <pre><code> &lt;span&gt;
      &lt;label class="label"&gt;Color&lt;/label&gt;
      &lt;span class="foo"&gt;&lt;input name="Color" value="Blue" class="customs" maxlength="100" type="text"/&gt;&lt;/span&gt;
      &lt;/span&gt;
   &lt;/span&gt;
  
   &lt;span&gt;
       &lt;label class="label"&gt;Brand&lt;/label&gt;
        &lt;span class="input-large"&gt;&lt;input name="Brand" value="xxx" class="customs" maxlength="100" type="text"/&gt;&lt;/span&gt;
      &lt;/span&gt;
   &lt;/span&gt;
  </code></pre>
  
  <p>I want all the input value using JS.
  I wrote</p>
  
  <pre><code>$('.customs').each(function() {
  
      alert($('.customs').val());
  
  });
  </code></pre>
  
  <p>But Every times it gives me the first input value. </p>
  
  <pre><code>Required Alert output: Blue, Brand
  Output comes: Blue, Blue 
  </code></pre>