jQuery on function with click after loading a page

jQuery on function with click after loading a page

So:

/*
handle links
*/
    $(".link").on("click", function() {
        $("#content").load($(this).attr("href"));
        $(window).scrollTop(0);
        return false;
    });


This works fine for the main page but when I load content into #content and click a next link that was loaded into the #content it does not seem to be catching it.

<div id="prev_next">
    <a class="button button-blue link" href="content/howto.html">Prev</a>
    <a class="button button-blue link" href="content/basic.html">Next</a>
</div>

So instead of loading content/howto.html or content/basic.html into #content it just opens that page. Please help! Thank you!