title: jquery getting value on specific dynamic `<td>`
body: <p>I have a page like this (i dont have enough point to post image, so i put on other host) </p>
  
  <p><a href="http://i47.tinypic.com/akixx2.jpg" rel="nofollow">http://i47.tinypic.com/akixx2.jpg</a></p>
  
  <p>what i want is when user click delete then jquery can find the specific email. for example when user click delete on John's row then jquery can find value of his email.</p>
  
  <p>this is my html:</p>
  
  <pre><code>&lt;table class="table"&gt;
      {foreach $query as $value}
      &lt;tr&gt;
          &lt;td&gt;{$value@iteration}&lt;/td&gt;
          &lt;td&gt;{$value.buyer_un}&lt;/td&gt;
          &lt;td id="delete{$value@iteration}"&gt;{$value.buyer_email}&lt;/td&gt;
          &lt;td&gt;{$value.buyer_address}&lt;/td&gt;
          &lt;td&gt;{$value.buyer_create_date}&lt;/td&gt;
          &lt;td&gt;{$value.buyer_status}&lt;/td&gt;
          &lt;td&gt;
              &lt;a id="delete{$value@iteration}" role="button" data-toggle="modal" data-target="#modal" class="btn btn-danger"&gt;Delete&lt;/a&gt;&amp;nbsp;
              &lt;button type="button" class="btn btn-primary"&gt;Save&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      {/foreach}
      &lt;/table&gt;
  </code></pre>
  
  <p>and this is my jquery which is fail:</p>
  
  <pre><code>&lt;script&gt;
  $("a[id*='delete']").click(function(){
      var selected=$('td:eq(2)',this).val();
      $.post("{#siteUrl#}superuser/proses",{literal}{del:"TRUE",email:selected}{/literal}, function(data)
      {
          $(".modal-body").html(data);
      });
  });
  &lt;/script&gt;
  </code></pre>