AJAX multiple page loads with 1 click

[m_hutley]

I want the this bit:

@javascript7

<script type="text/javascript">

    var urlVariable;
    var formURL;

    $(".actionlink").click(function () {
       
        urlVariable = $(this).attr("href");
        $(".main").load(urlVariable);

        return false;
    });

    $("form").on("submit", function (event) {
       event.preventDefault();
       var formData = $(this).serialize();
       formURL = $(this).attr("action");
        
       $.ajax({
           type: "POST",
           url: formURL,
           data: formData,
           success: function (r) { $(".main").html(r); },
           error: function (r) { },
           async: true

        });

    });



</script>

NOT to be inside the <div class='main'>.