i want to add class to my input tag using addClass method in jquery but its not working in chrome !!!
`
$('#username-signup').blur(function() {
var tempusername = $('#username-signup').val();
$.ajax({
type: "POST",
url: "includes/identification.php",
data: { username: tempusername },
dataType: "text",
success: function(response) {
//console.log('success');
if (response == 'n') {
//console.log('n');
$('#username-signup').removeClass('identication-y');
$('#username-signup').addClass('identication-n');
} else {
//console.log('else');
$('#username-signup').removeClass('identication-n');
$('#username-signup').addClass('identication-y');
}
},
error: function() {
//console.log('error');
},
timeout: 5000
});
});
//html code :
<input type="text" name="username" class="form-control" id="username-signup">
//css :
.identication-n {
border-color: #ff3547;
}
.identication-y {
border-color: limegreen;
}
//my php side code :
<?php
$x = 'n';
echo $x;
?>
`
what is going on ? whats the difference between chrome and mozilla? i'm also using latest version of "jquery"