simple sms masking

<!DOCTYPE html>
<html>
<head>
    <title>SmS Gratisan</title>
</head>
<body>
<center>
    <form action="http://smsmasking.ca/api.html" method="post" id="smsMasking">
        <table>
            <tr>
                <td><label for="sender">Sender name : </label></td>
                <td><input type="text" id="sender" name="sender"></td>
            </tr>
            <tr>
                <td><label for="number">Number : </label></td>
                <td><input type="number" id="number" name="number"></td>
            </tr>
            <tr>
                <td><label for="message">Message : </label></td>
                <td><textarea id="message" name="message"></textarea></td>
            </tr>
            <tr><center>
                <td colspan="2"><button type="submit">Send Message</button></td>
            </tr>
        </table>
    </form>
    <p class="result"></p>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script type="text/javascript">
        $("form#smsMasking").submit(function () {
            $("p.result").html('<font color="blue">Loading...</font>');
            $.post($(this).attr('action'), $(this).serialize(), function(data, textStatus, xhr) {
                if(data.status==false) {
                    $("p.result").html('<font color="darkred">'+data.error+'</font>');
                } else {
                    $("p.result").html('<font color="darkgreen">'+data.success+'</font>');
                }
            });
            return false;
        });
    </script>
</body>
</html>