使用ajax将多个表单发送到多个操作

Question

所以，我有一个包含两个表单的页面，一个用于登录，另一个用于注册。

我有这个脚本发送表单而不重新加载页面。

登录：

$(document).ready(function()
{
    $(document).on('submit', '#login', function()
    {
        var data = $(this).serialize();

        $.ajax({
            type : 'POST',
            url  : 'login.php',
            data : data,
            success :  function(data)
            {
                $("#login").fadeOut(500).hide(function()
                {
                    $(".result").fadeIn(500).show(function()
                    {
                        $(".result").html(data);
                    });
                });
            }
        });
        return false;
    });

});

注册：

$(document).ready(function()
{
    $(document).on('submit', '#register', function()
    {
        var data = $(this).serialize();

        $.ajax({
            type : 'POST',
            url  : 'register.php',
            data : data,
            success :  function(data)
            {
                $("#register").fadeOut(500).hide(function()
                {
                    $(".result").fadeIn(500).show(function()
                    {
                        $(".result").html(data);
                    });
                });
            }
        });
        return false;
    });

});

我的问题是，从技术上讲，登录的数据是login.php，寄存数据是register.php。但是当我提交表单时，所有数据（注册和登录）都会转到register.php。

我的表格有id：

<form class="col s12" method="POST" id="register">
    form inputs here
</form>
<form class="col s12" method="POST" id="login">
    form inputs here
</form>