Trying to prevent the script from getting submitted at page load

Trying to prevent the script from getting submitted at page load

 My script seem to execute with the page load so i added e.preventDefault() hoping it would stop the page from loading but its not working.. any ideas as to what im doing wrong?

  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
            <script>
                $(function()
                {    $("#send").click(function(e)                
                    {    e.preventDefault();
                        e.unbind();

                        $.ajax(
                        {    type: "POST",
                            url: "data1.php",
                            data: $("#myform").serialize(),
                            success: function(response)
                            {    if(response == "done")
                                { $('.success').fadeOut(200).show();    }
                                else
                                {    $('.error').fadeOut(200).show();    }
                            },
                            error:function(response){    alert(response);    }
                        });
                    });
                     
                });
            </script>
        </head>
        <body>
            <form id="myform">
                Name: <br /><input type="text" name="name" id="name" /><span class='success'>DB updated</span><br />
                Email: <br /><input type="text" name="email" id="email" /> <br />
                Message: <br /><textarea name="msg" id="msg"></textarea> <br />
                <input type="button" id="send" value="Submit" />
            </form>
    </body>
    </html>