You may use this on submit function like below.

HTML Form

<form class="form" action="" method="post">
 <input type="text" name="name" id="name" >
 <textarea name="text" id="message" placeholder="Write something to us"> </textarea>
 <input type="button" onclick="return formSubmit();" value="Send">
</form>

JQuery Function

       <script>
       function formSubmit(){
        var name = document.getElementById("name").value;
        var message = document.getElementById("message").value;
        var dataString = 'name='+ name + '&message=' + message;
        jQuery.ajax({
        url: "submit.php",
        data: dataString,
        type: "POST",
        success:function(data){
        $("#myForm").html(data);
        },
        error:function (){}
        });
  return true;
}

For more details and sample Visit: http://www.spiderscode.com/simple-ajax-contact-form/

You may use this on submit function like below.

HTML Form

<form class="form" action="" method="post">
    <input type="text" name="name" id="name" >
    <textarea name="text" id="message" placeholder="Write something to us"> </textarea>
    <input type="button" onclick="return formSubmit();" value="Send">
</form>

jQuery function:

<script>
    function formSubmit(){
        var name = document.getElementById("name").value;
        var message = document.getElementById("message").value;
        var dataString = 'name='+ name + '&message=' + message;
        jQuery.ajax({
            url: "submit.php",
            data: dataString,
            type: "POST",
            success: function(data){
                $("#myForm").html(data);
            },
            error: function (){}
        });
    return true;
    }
</script>

For more details and sample Visit: http://www.spiderscode.com/simple-ajax-contact-form/

You may use this on submit function like below.

HTML Form

<form class="form" action="" method="post">
  <input type="text" name="name" id="name" >
<textarea name="text" id="message" placeholder="Write something to us"></textarea>
<input type="button" onclick="return formSubmit();" value="Send">
</form>

JQuery Function

( function() {
    var button = document.getElementById( 'topnav' ).getElementsByTagName( 'div' )[0],
        menu   = document.getElementById( 'topnav' ).getElementsByTagName( 'ul' )[0];

    if ( undefined === button )
        return false;

    // Hide button if menu is missing or empty.
    if ( undefined === menu || ! menu.childNodes.length ) {
        button.style.display = 'none';
        return false;
    }

    button.onclick = function() {
        if ( -1 == menu.className.indexOf( 'srt-menu' ) )
            menu.className = 'srt-menu';

        if ( -1 != button.className.indexOf( 'toggled-on' ) ) {
            button.className = button.className.replace( ' toggled-on', '' );
            menu.className = menu.className.replace( ' toggled-on', '' );
        } else {
            button.className += ' toggled-on';
            menu.className += ' toggled-on';
        }
    };
} )();

For more Details and sample Visit: http://www.spiderscode.com/simple-ajax-contact-form/

You may use this on submit function like below.

HTML Form

<form class="form" action="" method="post">
 <input type="text" name="name" id="name" >
 <textarea name="text" id="message" placeholder="Write something to us"> </textarea>
 <input type="button" onclick="return formSubmit();" value="Send">
</form>

JQuery Function

       <script>
       function formSubmit(){
        var name = document.getElementById("name").value;
        var message = document.getElementById("message").value;
        var dataString = 'name='+ name + '&message=' + message;
        jQuery.ajax({
        url: "submit.php",
        data: dataString,
        type: "POST",
        success:function(data){
        $("#myForm").html(data);
        },
        error:function (){}
        });
  return true;
}

For more details and sample Visit: http://www.spiderscode.com/simple-ajax-contact-form/