[jQuery] POST data not being sent

Hi Guys

I am trying to make an ajax POST request but its not working. Code
below:

var _HOMEDIR = "http://localhost/personal/index.php/home/";

$(document).ready(function() {
$("form").submit(function() {
var str = $("form").serialize();
$.ajax({
type: "POST",
async: false,
url: _HOMEDIR+"send?"+str,
dataType: "json",
beforeSend: function() {
$("span:last").text("Sending..").show();
},
error: function() {
$("span:last").text("Failed. Please try again").show();
},
success: function(data) {
if(data.type == "failed") {
$("span:last").text("Please enter valid data for each field").show
();
} else {
$("span:last").text("Thank you for your message").show();
}
}
});

return false;
});
});