title: select by option always return same value - jquery
body: <p>I've the below html.</p>
  
  <pre><code>&lt;table border="1" id="myTable"&gt;
  &lt;tr&gt;
  &lt;th&gt;&lt;b&gt;CheckList&lt;/b&gt;&lt;/th&gt;
  &lt;th&gt;&lt;b&gt;Health&lt;/b&gt;&lt;/th&gt;
  &lt;th&gt;&lt;b&gt;Comments&lt;/b&gt;&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td id="checklist"&gt;TPS on Desktop&lt;/td&gt;
  &lt;td class="tdcolor"&gt;
     &lt;select id="health"&gt;
        &lt;option value=0&gt;Select&lt;/option&gt;
        &lt;option value="1"&gt;Green&lt;/option&gt;
        &lt;option value="2"&gt;Amber&lt;/option&gt;
        &lt;option value="3"&gt;Red&lt;/option&gt;
     &lt;/select&gt;  
  &lt;/td&gt;
  &lt;td&gt;&lt;textarea id="comments" type="text" name='Comments'&gt;&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td id="checklist"&gt;TPS on Mobile&lt;/td&gt;
  &lt;td class="tdcolor"&gt;
     &lt;select id="health"&gt;
       &lt;option value=0&gt;Select&lt;/option&gt;
       &lt;option value="1"&gt;Green&lt;/option&gt;
       &lt;option value="2"&gt;Amber&lt;/option&gt;
       &lt;option value="3"&gt;Red&lt;/option&gt;
     &lt;/select&gt;  
  &lt;/td&gt;
  &lt;td&gt;&lt;textarea id="comments" type="text" name='Comments'&gt;&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;br&gt;
  &lt;center&gt;&lt;input id="saveButton" type="submit" value="Save &amp; Continue"&gt;&lt;/center&gt;
  </code></pre>
  
  <p>Have written below jquery to extract data in my td cells.</p>
  
  <pre><code>$(document).ready(function() {
     $('#saveButton').click(function() {
       $('#myTable tr:not(:first-child)').each(function(){
         var checklistText =$(this).find('#checklist').text();
         var commentsText = $(this).find('#comments').val();
         var selectedText ;
          $('select').each(function() {
            selectedText = $('#health option:selected').text();
          });
          alert(checklistText+' : '+selectedText);
       });
      });
  });
  </code></pre>
  
  <p>If I select <code>Green</code> in first row and select <code>Amber</code> in second row, I expect output to be <code>TPS on Desktop : Green</code> and <code>TPS on Mobile : Amber</code>.</p>
  
  <p>But, the output is always <code>TPS on Desktop : Green</code> and <code>TPS on Mobile : Green</code>. The second select value is never picked up but the first value of td is picked up. </p>
  
  <p>Any help would be of great help.</p>
  
  <p>Thanks in advance.</p>