Ajax не выполняет функцию успеха

У меня есть функция jquery ajax, которая отправляет данные формы в файл php, где он проверяется в базе данных и возвращает ответ. Но моя функция успеха не выполняется, вместо этого ответ возвращается через функцию ошибки.

Ниже приведен мой код login.js:

$(document).ready(function(){
$("form#loginForm").submit(function() { // loginForm is submitted
var username = $('#username').attr('value'); // get username
var password = $('#password').attr('value'); // get password

if (username && password) { // values are not empty
$.ajax({
type: "POST",
url: "url", // URL of the Php script
contentType: "application/json; charset=utf-8",
dataType: "json", //expected from server in response
// send username and password to the Php script
data: "username=" + username + "&password=" + password,error: function(XMLHttpRequest, textStatus, errorThrown) { // script call was *not* successful
$('div#loginResult').text("responseText: " + XMLHttpRequest.responseText
+ ", textStatus: " + textStatus
+ ", errorThrown: " + errorThrown);
$('div#loginResult').addClass("error");
},

success: function(data){ //script was successful, data contains response from mysql database
if (data.error) { // login was not successful
$('div#loginResult').text("data.error: " + data.error);
$('div#loginResult').addClass("error");
} // if
else { // login was successful
$('form#loginForm').hide();
$('div#loginResult').text("data.success: " + data.success);
$('div#loginResult').addClass("success");
} //else
} // success
}); // ajax
} // if
else {
$('div#loginResult').text("enter username and password");
$('div#loginResult').addClass("error");
} // else
$('div#loginResult').fadeIn();
return false;
});
});

Это мой код Login.php:

 <?php$username = $_POST["username"];
$password = $_POST["password"];$dbhost = '*****';
$dbuser = '*****';
$dbpass = '*****';
$conn = mysql_connect($dbhost, $dbuser, $dbpass); // connect to server
if(! $conn )
{
die('Could not connect: ' . mysql_error());
}

echo 'Connected to database successfully,';

mysql_select_db('sl493',$conn); //pick sl493 database$result = mysql_query("SELECT *
FROM metauser
WHERE metauser.username = '$username'
AND metauser.password = '$password'") or die(mysql_error()); //select data from metauser table

$row = mysql_fetch_assoc($result);

if($row['username'] == $username) //If username and password not accepted
{$result = 'true login';
$arr = array('success' => "login is successful");
echo json_encode($arr);}

else //if username and password are not accepted
{$result = 'login failed';
$arr = array('error' => "username or password is wrong");
echo json_encode($arr);}

?>

Прямо сейчас я получаю следующий ответ, независимо от того, введу ли я правильные или неправильные учетные данные:

responseText: Соединение с базой данных успешно, {«success»: «вход в систему успешен»}
, textStatus: parsererror, errorThrown: Invalid JSON: Соединение с базой данных успешно, {«success»: «вход в систему успешен»}
http://i.imgur.com/n1nZ2ac.jpg

Он возвращает «Подключено к базе данных успешно», что означает, что он успешно переходит в login.php, но также возвращает responseText, который является частью ajax: error, куда он не должен идти, так как функция выполняется успешно. HALP?