title: How to get specific row text field value using php and jquery?
body: <p>Hi i want to do the update function where each staff balance is listed in a row of the table. When the form is submit, it will only submit the specific row. Something like this.</p>
  
  <p><a href="http://img227.imageshack.us/img227/51/specificrow.jpg" rel="nofollow noreferrer">Preview</a></p>
  
  <p>I am newbie to jquery, can someone give me a direction?</p>
  
  <pre><code>&lt;table id="rounded-corner"&gt;
          &lt;thead&gt;         
              &lt;tr&gt;
                  &lt;th scope="col" class="rounded-company"&gt;Name&lt;/th&gt;
                  &lt;th scope="col" class="rounded"&gt;Position&lt;/th&gt;
                  &lt;th scope="col" class="rounded"&gt;Annual Leave Balance&lt;/th&gt;
                  &lt;th scope="col" class="rounded"&gt;Sick Leave Balance&lt;/th&gt;
                  &lt;th scope="col" class="rounded"&gt;Action&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;        
  &lt;tbody&gt;
  &lt;?php foreach($list as $value) {?&gt;
      &lt;tr id='&lt;?php echo $value['IDSTAFFTABLE']; ?&gt;'&gt;
          &lt;td&gt;&lt;?php echo $value['FIRSTNAME']; ?&gt; &lt;?php echo $value['LASTNAME']; ?&gt;&lt;/td&gt;
          &lt;td&gt;&lt;?php echo $value['POSITIONNAME']; ?&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="annualleave" class="annualleave" value="&lt;?php echo $value['ANNUALLEAVE']; ?&gt;"/&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="sickleave" class="sickleave" value="&lt;?php echo $value['SICKLEAVE']; ?&gt;"/&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="submit" name="submit" class="submit" value="Submit" /&gt;&lt;/td&gt;            
      &lt;/tr&gt;
      &lt;?php } ?&gt;
      &lt;/tbody&gt;
  </code></pre>
  
  <p></p>