"e.preventdefault" stops links and when removed, tabs stops working. java script anyone?
===

I followed the tutorial by Chris Coyer to create overlaying round out tabs but it isn't working. this is the code in the head of the html.
I dont have experience with java nor jquery but i researched this problem and found that removing the "preventdefault" fixes the link but than the tabs wont work.
Its a project for my class and I really need help on this one. i'm very tired and frustrated with this.

thanks very much!

    $(function() {
    $("li").click(function(e) {
    e.preventDefault();
    $("li").removeClass("selected");
    $(this).addClass("selected");
    });
    });

i also tryed this method, it seemed like it would work but didn't

    $(function() {
    $("li").click(function() {
    $(this).addClass('active').siblings().removeClass('active');
    });
    });

here is a link to download all the html and css codes
http://www.mediafire.com/?71r9vuc5961fcyz,jfsqe5li7c2hjz9,3281ll33xl4aj72,764axdq59bax4jk,glqqdxtxsbwgwqv,2f8fnblxnnnnrbc,tx83igi2n4pitid,43um514dnmbm64g,qzb1z71z2p3h2vs,24seo2swn1bawbt,o5w4bi3cc755ibg,75craacs27hld9k,jt9e66a0skjr9g9,k9kl5y5h1jo7y9m,9a4la6sax5v9g6v,kbm6lzwftsh7k4b
