两个ajax调用两种形式，后者不起作用

Question

我已经尝试了一切。当不使用Ajax时，表单发布很好，我切换地点所以它是第一个，我删除了所有内容，只是在点击提交时给它一个警告显示...我无法指出问题所在。 第二个ajax刚刚提交了！

$(document).ready(function() {

    $('#writeform').submit(function(event) {
        var formData = {
            'from': $('input[name=from]').val(),
            'to': $('input[name=to]').val(),
            'textbox': $('input[name=textbox]').val()
        };

        $.ajax({
            type: 'POST',
            url: 'process.php',
            data: formData, 
            dataType: 'json',
                        encode: true
        })

            .done(function(data) {
                console.log(data); 
            });

        event.preventDefault();
    });
});

// ajax the login
$(document).ready(function() {

    $('#loginform').submit(function(event) {
        var formData = {
            'username': $('input[name=username]').val(),
            'pass': $('input[name=pass]').val()
        };

        $.ajax({
            type: 'POST',
            url: 'login.php',
            data: formData, 
            dataType: 'json',
                        encode: true
        })

            .done(function(data) {
                console.log(data); 
            });

        event.preventDefault();
    });
});

function loadLogDiv(){
   $("#logfunction").load("login.php");
}

$(document).ready(function () {
 $.ajaxSetup({
    cache: false
 });
   loadLogDiv();
   setInterval( loadLogDiv, 4000);
});

继承页面本身：

<div id="loginpage">
    <form id="loginform" action="login.php" method="POST">

        <div id="username">
            <label for="username">User Name</label>
            <input type="text" name="username" placeholder="User Name" />
            <!-- errors will go here -->
        </div>


        <div id="pass">
            <label for="pass">Password</label>
            <input type="password" name="pass" placeholder="Password" />
            <!-- errors will go here -->
        </div>
        <input type="submit">Submit</input>
    </form>
    <div id="logfunction"></div>
</div>


<div id="footer">
    <form id="writeform" action="process.php" method="POST">

        <div id="from">
            <label for="from">From</label>
            <select name="from">
            <?php
                $result = mysqli_query($conn, "SELECT user_name FROM `users`");
                while($row = mysqli_fetch_array($result)) {
                    echo "<option value='" . $row['user_name'] . "'>" . $row['user_name'] . "</option>";
                }
            ?>
            </select>

        </div>


        <div id="to">
            <label for="to">To</label>
            <select name="to">
            <?php
                $result = mysqli_query($conn, "SELECT user_name FROM `users`");
                while($row = mysqli_fetch_array($result)) {
                    echo "<option value='" . $row['user_name'] . "'>" . $row['user_name'] . "</option>";
                }
            ?>
            </select>

        </div>


        <div id="textbox">
            <label for="textbox">Text</label>
            <input type="text" name="textbox" placeholder="text" />

        </div>

        <input type="submit">Submit</input>
    </form>