Identify the a tag
<p>Need to identify each of these 'a' tag in div and bind an onclick event.I have binded the same.I need to append some text below the clicked 'a' tag.But when i tried with my code it binds to all the 'a' tag in the div.How can i specify the 'a' tag which i have clicked.I can make changes to the content in div using jquery.can't modify the content in 'a' tag.</p>

<pre><code>    &lt;div class="people_rt_link2"&gt;
    &lt;a href="#" title="2011"&gt;2011&lt;/a&gt;&lt;br&gt;&lt;br&gt;
    &lt;a href="#" title="2008"&gt;2008&lt;/a&gt;&lt;br&gt;&lt;br&gt;
    &lt;/div&gt;

    $(document).ready(function() {
      var timesClicked = 0;
      $('.people_rt_link2 a').bind('click', function() {

        jQuery.post("&lt;?php bloginfo('template_directory'); ?&gt;/test.php", data, function(response) {
               alert('Got this from the server: ' + response);
               //this response should to binded to the clicked a tag
                //$(this).after('&lt;div&gt;'+response+'&lt;/div&gt;');
         });
        timesClicked++;
       if (timesClicked &gt;= 1) {
          $(this).unbind();
       }

     });
   });
</code></pre>
