title: How can I get the value of a textbox in the current HTML table row?
body: <p>I have the following HTML table:</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
         &lt;th&gt;Name&lt;/th&gt;
         &lt;th&gt;Button&lt;/th&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
           &lt;td&gt;&lt;input type='text' name='Name' id='Name' class='NameClass' /&gt;&lt;/td&gt;
           &lt;td&gt;&lt;a id="myLink" &gt;Click Here&lt;/a&gt;&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am simplifying that table because there are many columns and rows but basically when I click on the link, I want to read in the value of whatever is in the Name textbox into a local variable (for simplification we can just alert the value).</p>
  
  <p>What is the best way using jQuery to read the value of that textbox? I want to avoid any hard-coded column offsets, as although it's the first column in this example, it's possible I will add new columns, so I want to make it a bit more future-proof.</p>