title: Add hidden field inside last td of tr of a table using jquery
body: <p>I have a table which display list of regions with edit delete link. I want to add a hidden field at the end last td of tr of this table </p>
  
  <pre><code> &lt;table class="source-table dialog" data-control="regionEditList"&gt;
        &lt;tr class="source-header"&gt;
            &lt;th&gt;Region name&lt;/th&gt;
            &lt;th style="width: 104px"&gt;Action&lt;/th&gt;
         &lt;/tr&gt;
            &lt;c:forEach var="region" items="${regions}"&gt;
              &lt;tr&gt;
                &lt;td class="regionName"&gt;${region.regionName}&lt;/td&gt;
                &lt;td class="region-edit-btns" data-control="region-edit-del"&gt;
                &lt;a href="#" data-control="regionEdit"&gt;Edit&lt;/a&gt;
                &lt;a href="#" data-control="delRegion"&gt;Delete&lt;/a&gt;
                &lt;/td&gt;
          &lt;/tr&gt;
           &lt;/c:forEach&gt;
     &lt;/table&gt;
  </code></pre>
  
  <p>Using jquery I can get list as tr</p>
  
  <pre><code>    var addWrapper = jQuery('[data-control=regionAddField]'),
      addField = jQuery('input[type=text]', addWrapper),
      addReset = jQuery('input[type=reset]', addWrapper),
      addBtn = jQuery('button', addWrapper),
      list = jQuery('[data-control=regionEditList]');
  </code></pre>
  
  <p>so I am appending a tr at end using </p>
  
  <pre><code>    list.append('&lt;tr&gt;&lt;td class="regionName"&gt;' + addField.val() + '&lt;/td&gt;&lt;td class="region-edit-btns" data-control="region-edit-del"&gt;'+
                  '&lt;a href="#" data-control="regionEdit"&gt;Edit&lt;/a&gt;&lt;a href="#" data-control="delRegion"&gt;Delete&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;');
  </code></pre>
  
  <p>Now after getting regionId from Db I want to append a hidden field inside last td of above list.</p>
  
  <p>Please let me know if there is any confusion.</p>