Jquery.ajax() and my problem?

JavaScript
1

hello
why this code not work?
html:

<div id="connect">
                    <form accept="" method="POST">
                       name: <input type="text" name="name"><p></p>                        
                       email: <input type="text" name="email"><p></p>
                        tell: <input type="text" name="phone"><p></p>
                       text:<p></p>
                        <textarea name="text"></textarea>
                        <input type="submit" name="submit" id="submit" value="send">
                    </form>
                    </div>

jquery:


$(document).ready(function(){
    // do stuff when DOM is ready
    $("#menu, #main, #form_connect, #talk_admin,").css("border-radius", "5px");
    
    $("#submit").click(function(){
        var name = $("input#name").val();
        var email = $("input#email").val();
        var phone = $("input#phone").val();
        var text = $("input#text").val();
        var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&text=' + text;
        //alert (dataString);return false;
        $.ajax({
            type: "POST",
            url: 'http://localhost/zig-co/index.php/home/connect',
            data: dataString,
            cache: false,
            success: function(){
                $('#connect').html("<div id='message'></div>");
                $('#message').html("<h2>Contact Form Submitted!</h2>").append("<p>We will be in touch soon.</p>").hide().fadeIn(1500, function(){
                    $('#message').append("ok");
                });
            }
        });
        return false;
    })
2

Because it’s not doing what you expect.