Simultaneously Iterating Over Two Sets of Elements in jQuery
<p>I have a table containing many pairs of text input fields in separate columns.  I want to iterate through the input fields in the first column and use those values to set the value of the corresponding input field in the adjacent column.</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
         &lt;td&gt;&lt;input type="text" class="left" /&gt;&lt;/td&gt;
         &lt;td&gt;&lt;input type="text" class="right" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
         &lt;td&gt;&lt;input type="text" class="left" /&gt;&lt;/td&gt;
         &lt;td&gt;&lt;input type="text" class="right" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
  ...
&lt;/table&gt;
</code></pre>

<p>I have just started learning jQuery so perhaps the answer is obvious.  So far I have only </p>

<pre><code>$("input.left").each(function() {
    // use the value of $(this) to set the 
    // value of the text field to the .right
})
</code></pre>
