title: Retrieving each selected row values using jquery
body: <p>Hi I am using following jquery code to read checkbox selected rows using each class. One row html is </p>
  
  <pre><code>&lt;input id="_GridView3_chkEmployee" type="checkbox" name="$GridView3$ctl02$chkEmployee" /&gt;
          &lt;/td&gt;&lt;td&gt;
                      &lt;span id="GridView3_ctl02_lblId" class="IDName"&gt;687&lt;/span&gt;
                  &lt;/td&gt;&lt;td&gt;
                      &lt;span id="_GridView3_ctl02_lblCompany" class="FName"&gt;Xyz Inc.&lt;/span&gt;
                  &lt;/td&gt;&lt;td&gt;
                      &lt;span id="_GridView3_ctl02_lblDun"&gt;12323&lt;/span&gt;
                  &lt;/td&gt;
  </code></pre>
  
  <p>Problem with following jquery code is that alert will show all the values for IDName and FName instead of just showing the checked row.</p>
  
  <pre><code>$(document).ready(function () {
     $("#submit").click(function () {
         alert("starting");
         $("#&lt;%=GridView3.ClientID%&gt; input[id*='chkEmployee']:checked").each(function () {
             alert($('.IDName').text());
             alert($('.FName').text());
         });
     });
  });
  </code></pre>
  
  <p>How can I get this code to just alert for single .IDName and .FName values for the selected row that is checked? Thanks       </p>