Вставка формы в базу данных не работает асинхронно

Question

Я пытаюсь получить значение текстовой области, асинхронно вставленное в мою базу данных, однако оно продолжает перенаправлять на страницу обработки PHP и отображать результат там. Как бы получить его, чтобы повторить результат сценария PHP на текущей странице HTML?

JS:

$("#sub").click(function() {
$.post( $("#text").attr("action"), $("#text :input").serializeArray(), 
function(info) { $("#result").html(info);});
});

$("#text").submit( function(){
return false;
})

PHP:

$sql = "UPDATE text 
        SET text_content = ? WHERE (id = 40) AND (number = $Number);";
            $stmt = mysqli_stmt_init($connection);
            if (!mysqli_stmt_prepare($stmt, $sql))
            {
                header("Location: ../create_text.php?error&prepare1111");
                exit();
            }
            else
            { 
                $stmt->bind_param("s", $content);
                mysqli_stmt_execute($stmt);
                mysqli_stmt_close($stmt);
                $connection->close();
                echo "successfully saved";
            }

HTML:

<form type="text" method="post" onSubmit="return validateText(); toHTML();" action="processing.php" id="text">
            <textarea name="content" rows="45" id="auto-expand" class="text-box" type="text"><?php echo stripslashes($content) ?></textarea>
            <input type="hidden" name="id" id="id" value="<?php echo $id ?>">
            <input type="hidden" name="number" id="number" value="<?php echo $number ?>">
            <input type="hidden" name="updated" value="<?php echo $updated ?>">
            <button type="submit" id="sub" name="submit">Save</button>
            <button type="button" onClick="validateText(); toHTML();">Check</button>
            <span id="result"></span>
        </form>

Любая помощь будет такой замечательной !:)

Answer 1

Попробуйте предотвратить по умолчанию:

$("#text").submit( function(e){
    e.preventDefault();
})