href attribute in Jquery not being pulled correctly
<p>I am using the following code to fade in the clicked tab but it keeps fading in the same tab regardless of which list item i click on:</p>

<pre><code>$('#productinfowrap .tab:first').show();    
    $('#subselect li').click(function() {
        var thisTop = $(this).position().top;
        $('#subselect li').removeClass('current');
        var li = (this);
        $('.pointer').animate( {'top': thisTop}, function() { 
            $(li).addClass('current');
        });
        var id = $("#subselect li a").attr('href');
        $("#productinfowrap &gt; div").fadeOut(500).hide();        
        $(id).fadeIn();
        return false;
    });
</code></pre>

<p>and the HTML</p>

<pre><code>&lt;ul id="subselect"&gt;
            &lt;li class=""&gt;&lt;a href="#overview"&gt;Overview&lt;/a&gt;&lt;span class="pointer" style="top: 225px;"&gt;&lt;/span&gt;&lt;/li&gt;
            &lt;li class=""&gt;&lt;a href="#applications"&gt;Applications&lt;/a&gt;&lt;/li&gt;
            &lt;li class=""&gt;&lt;a href="#technical"&gt;Technical&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
</code></pre>

<p>Other than the correct tab fading in, it all works perfectly...</p>
