Jquery/AJAX function not working

I already asked some questions about ajax, but I still don't get it.

I took a script that I found on the internet and made some modifications, but it didn't work!

HTML:

<a data-toggle="team" id="times">TEAM</a>

ORIGINAL SCRIPT:

<script>
// THIS IS WHERE THE MAGIC HAPPENS
    $(function() {
        $('nav a').click(function(e) {
            $("#loading").show();
            href = $(this).attr("href");

            loadContent(href);

            // HISTORY.PUSHSTATE
            history.pushState('', 'New URL: '+href, href);
            e.preventDefault();


        });

        // THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
        window.onpopstate = function(event) {
            $("#loading").show();
            console.log("pathname: "+location.pathname);
            loadContent(location.pathname);
        };

    });

    function loadContent(url){
        // USES JQUERY TO LOAD THE CONTENT
        $.getJSON("content.php", {cid: url, format: 'json'}, function(json) {
                // THIS LOOP PUTS ALL THE CONTENT INTO THE RIGHT PLACES
                $.each(json, function(key, value){
                    $(key).html(value);
                });
                $("#loading").hide();
            });

        // THESE TWO LINES JUST MAKE SURE THAT THE NAV BAR REFLECTS THE CURRENT URL
        $('li').removeClass('current');
        $('a[href="'+url+'"]').parent().addClass('current');

    }

</script>

MODIFIED SCRIPT:

<script>

// THIS IS WHERE THE MAGIC HAPPENS
$(function() {
    $('#times').click(function(e) {
        $("#loading").show();
        var href = $(this).attr("data-toggle");

        loadContent(href);

        // HISTORY.PUSHSTATE
        history.pushState('', 'New URL: '+href, href);
        e.preventDefault();


    });

    // THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
    window.onpopstate = function(event) {
        $("#loading").show();
        console.log("pathname: "+location.pathname);
        loadContent(location.pathname);
    };

});

function loadContent(url){
    $.ajax({
        url: 'ajaxcontdent/ajax'+url,
        type: 'GET',
        error: function(){
            // always good to have an error handler with AJAX
        },
        success: function(data){
            $('#content').html(data);
        }

        // THESE TWO LINES JUST MAKE SURE THAT THE NAV BAR REFLECTS THE CURRENT URL
        $('li').removeClass('current');
        $('a[href="'+url+'"]').parent().addClass('current');

    };

</script>

What is wrong with my script? Nothing happens. I click in my <a> link and nothing. I already tried to put the file location on a hrefattribute, but then e.preventDefault(); doesn't work and my website runs like there is no AJAX.

In the original code, the author use some content.php file. But I don't know JSON, so I have no idea what did he put in that file.

There are no errors in the console.

My ajaxcontent/ajaxteam.php file content:

<p style="color:#fafafa;">Team</p>

It's just one line indeed. Just a test.