How do i get a href value from a link inside li list?
<p>Here is a <a href="http://jsfiddle.net/nLyqA/" rel="nofollow"><strong>Fiddle</strong></a></p>

<p>I want to get the <code>href</code> attribute, I use <code>$(this).attr('href')</code> but it does not work!</p>

<p><strong>HTML</strong>  : </p>

<pre><code>&lt;div class="wrap_atletas_interno"&gt;
    &lt;ul&gt;
        &lt;li class="atleta"&gt;
            &lt;a href="teste.html"&gt;
                &lt;div class="nome_86_atleta"&gt;Antônio&lt;/div&gt;
                &lt;img src="atletas/antonio_86px.jpg" /&gt;
            &lt;/a&gt;
        &lt;/li&gt;
        &lt;li  class="atleta"&gt;
            &lt;div class="nome_86_atleta"&gt;Cauê&lt;/div&gt;
            &lt;img src="atletas/caue_86px.jpg" /&gt;
        &lt;/li&gt;
        &lt;li class="atleta"&gt;
            &lt;div class="nome_86_atleta"&gt;Dudu&lt;/div&gt;
            &lt;img src="atletas/dudu_86px.jpg" /&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p><strong>JavaScript</strong> :</p>

<pre><code>$('.atleta').click(function (e) {
    e.preventDefault();
    $('.atleta').removeClass('atleta_atual');
    $(this).addClass('atleta_atual');
    var h = $(this).attr('href');
    alert(h);
    $.get(h, function (data) {
        //$(".detalhes_atleta").html(data).fadeIn("slow");
        alert(h);
    });
});
</code></pre>
