ajax insert,PHP JQuery Ajax insert not working

Normally works but when trying for ajax insert does not work.

Here is my form(no form action in html):

name:

Here is the add.php file code

require_once('conn.php');

$name = $_POST['name'];

$query = mysql_query("insert into toy(name) values('$name')");

if ($query) {

echo "Data inserted";

}else{

echo mysql_error();

}

And here is the javascript code

$(document).ready(function() {

$('#submit').click(function(){

$.ajax({

url: "add.php",

type: "POST",

data: {

name: $("#name").val()

},

success: function(data){

alert("Data Save: " + data);

}

});

});

});

Thanks in advance for suggestion.