title: jQuery - Select current table row values
body: <p>When someone clicks on the Download button in my table, I want to pass the date values from that particular row to a function. Currently I can only pass the date values from the first table row.</p>
  
  <p>This is the selector I'm using:</p>
  
  <pre><code>$(this).parent().find('#period-start');
  </code></pre>
  
  <p>Which always returns:</p>
  
  <pre><code>[&lt;td id=​"period-start"&gt;​5/1/2013​&lt;/td&gt;]
  </code></pre>
  
  <p>I've tried combinations of the parent, child, find and closest selectors, but haven't been able to stumble across the correct one to grab the date values from the current row. Thanks.</p>
  
  <p><strong>Table</strong></p>
  
  <pre><code>&lt;table id="tblStatements" class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Period Starting&lt;/th&gt;
                      &lt;th&gt;Period Ending&lt;/th&gt;
                      &lt;th&gt;Download&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
  
  &lt;tr&gt;
    &lt;td id='period-start'&gt;5/1/2013&lt;/td&gt;
    &lt;td id='period-end'&gt;5/31/2013&lt;/td&gt;
    &lt;td&gt;&lt;button type='submit'&gt;Download&lt;/button&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
    &lt;td id='period-start'&gt;4/1/2013&lt;/td&gt;
    &lt;td id='period-end'&gt;4/30/2013&lt;/td&gt;
    &lt;td&gt;&lt;button type='submit'&gt;Download&lt;/button&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
    &lt;td id='period-start'&gt;3/1/2013&lt;/td&gt;
    &lt;td id='period-end'&gt;3/31/2013&lt;/td&gt;
    &lt;td&gt;&lt;button type='submit'&gt;Download&lt;/button&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>