title: .each() not iterating properly
body: <p>I have been struggling with this issue for a few hours now without understanding the behaviour I have got. I did not found this issue on any other post (although I have found many related to the <code>.each()</code> method). </p>
  
  <p>Anyway here I am: </p>
  
  <p><strong>This is the HTML I what to iterate upon:</strong></p>
  
  <pre><code>&lt;input type="text" id="investment" /&gt;&lt;br /&gt;
  &lt;table id="fundTable"&gt;
          &lt;tr&gt; 
               &lt;td class="rentability"&gt; &lt;span class="someClass"&gt; 0.12 &lt;/span&gt; &lt;/td&gt;
               &lt;td class="absoluteResult"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt; 
               &lt;td class="rentability"&gt; &lt;span class="someClass"&gt; 0.24  &lt;/span&gt; &lt;/td&gt;
               &lt;td class="absoluteResult"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              ...
  &lt;/table&gt;
  </code></pre>
  
  <p>The idea is: the user will enter a value in the textField <code>#investment</code>.
  <code>onChange</code>, JQuery will populate the <code>.absoluteResult</code> table column by multiplying the user input by the <code>.rentability</code> value.</p>
  
  <p><strong>Here is the JQuery part then:</strong></p>
  
  <pre><code>$('#investment').change(function() {
          var investment = $('#investment').val(),
              currentlyDisplayedRentability,
              updatedAbsoluteResult
  
          $('#fundTable tr').each(function(index, tableRow) {
              currentlyDisplayedRentability = $(tableRow + "span").html()
              currentlyDisplayedRentability = parseFloat(currentlyDisplayedRentability)
              updatedAbsoluteResult = currentlyDisplayedRentability * investment
              $(tableRow + "td[class=absoluteResult]").html(updatedAbsoluteResult)
          })
      })
  </code></pre>
  
  <p>What happens is that all <code>.absoluteResult</code> rows are populated using the value of the first row of the <code>.rentability</code> column. 
  Only one value is used for all the pultiplication. It is as if <code>.each()</code> is iterating correctly on one column (<code>.absoluteResult</code>) and not on the other (<code>.rentability</code>). </p>
  
  <p>I do not understand why. </p>