Find an Anchor tag inside a Paragraph tag.
<p>I have the following markup which I need to bind a click event to the <code>&lt;a&gt;</code> tag below. </p>

<p>How can i achieve this?</p>

<pre><code>         &lt;p class="people_rt_link2" id="test"&gt;
        &lt;a href="#" title="2011"&gt;2011&lt;/a&gt;
        &lt;p style="padding-left: 3px; margin: 3px 0px;"&gt;
        a href="http://192.168.20.24/mclarengroup/archives/928"&gt;McLaren to build £10m Big Yellow in Chiswick, West London&lt;/a&gt;
            &lt;/p&gt;
            &lt;br&gt;
           &lt;a href="#" title="2010"&gt;2010&lt;/a&gt;
          &lt;br&gt;
    &lt;/p&gt;
</code></pre>

<p>This is my current javascript function:</p>

<pre><code>                  &lt;script type="text/javascript"&gt;
                      $(document).ready(function() {

                          $('.people_rt_link2 a').click(function() {
                                alert('aa');
                          });

                          var data = { cat_id:&lt;?php echo $cat_id?&gt;,posted_year:&lt;?php echo $posted_year?&gt;};
                          jQuery.post("&lt;?php echo $ajax_page_details-&gt;guid?&gt;", data, function(response) {
                            $('#test').html(response);
                          });
                      });
                    &lt;/script&gt;
</code></pre>
