title: Find first column text in current row
body: <p>I'm not sure if there's an exception because I'm working with Knockout, or not, but I can't seem to get the first column's text value.</p>
  
  <p>When I click on a button in a row, I am trying to get the first cell's text associated with that row, NOT including headers (just the ID field).</p>
  
  <p>Here's my basic HTML.</p>
  
  <pre><code>&lt;table class="table table-bordered table-striped text-center" id="plan_table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;
                  ID
              &lt;/th&gt;
              &lt;th&gt;
                  Description
              &lt;/th&gt;
              &lt;th&gt;
                  # of Payouts
              &lt;/th&gt;
              &lt;th&gt;
                  Edit
              &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody data-bind="foreach: paymentOption"&gt;
          &lt;tr&gt;
              &lt;td data-bind="text: Id"&gt;&lt;/td&gt;
              &lt;td data-bind="text: description"&gt;&lt;/td&gt;
              &lt;td data-bind="text: paymentQuantity"&gt;&lt;/td&gt;
              &lt;td&gt;
                  &lt;button class="btn btn-default" onclick="reroute()"&gt;&lt;i class="glyphicon glyphicon-pencil"&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here's what I am trying (along with any solution found on StackOverflow)...</p>
  
  <pre><code>function reroute() {
      var name = $(this).closest('tr').find('td:first').text();
      //$(this).closest('tr').children('td:eq(0)').text();
      console.log(name);
  }
  </code></pre>
  
  <p>Every single time I get an empty string, and I'm not sure why.</p>