what is the best practice of binding jQuery click event to each anchor tag on every row of a table
<p>There is a grid (just html table) that lists users and you can delete a specific user by clicking on delete link. The usual way I do is </p>

<pre><code>&lt;% foreach (var user in Model.Users) {%&gt;
&lt;tr &gt;
  &lt;td align="right"&gt;&lt;%= user.Name %&gt;&lt;/td&gt;
  &lt;td&gt;&lt;%= user.Level %&gt;&lt;/td&gt;
  &lt;td align="center"&gt;
    &lt;a href="#" onclick="return deleteUser('&lt;%= user.Name %&gt;');"&gt;
        &lt;%= Html.Image("trash.gif") %&gt;
    &lt;/a&gt;
  &lt;/td&gt;
&lt;/tr&gt;
&lt;% )%&gt;
</code></pre>

<p>but I want to attach click event to the link in a non-obtrusive way. I mean, I do not want to specify javascript method inside the tag. I am not sure what is the best way to achieve it with jQuery, binding multiple multiple anchor tags with parameter passing.</p>
