call jquery function within "a" tag "onclick"
<p>here is my code:</p>

<pre><code>&lt;a href='P001' class='basic'&gt;Read More&lt;/a&gt;&lt;br&gt;
&lt;a href='P002' class='basic'&gt;Read More&lt;/a&gt;&lt;br&gt;
&lt;a href='P003' class='basic'&gt;Read More&lt;/a&gt;&lt;br&gt;
</code></pre>

<p>my script:<br></p>

<pre><code>$('.basic').click(function(id){
   $.ajax({
       url: 'display_pro.php?id='+$('.basic').attr('href'),
       success: function(data) {alert(data);}
   });
});
</code></pre>

<p>when i click all links it's always get the 'P001'.
what is the problem?
Thanks for your help.</p>
