Ajax loading div is not displaying

$("#error_search_msg").html('<div class="da-message warning"> Please Wait....</div> ');

$.post(site_url + '/PR/......', {depid: depid, startdt: startdt }, function(msg) {
if (msg != '') {
alert (msg);
$("#uid_msg").html('');
$("#error_search_msg").html('<div class="da-message success">Successfully....</div> ');
$("#view_report").html(msg);
}
});


this is on click function when click "error_search_msg" div not showing in chrome but it working on firefox
both are showing when success the ajax (that i checked from add by alert then success show please wait and alert when alert ok show success)





With out Alert Like This

 

$("#error_search_msg").show().html('<div class="da-message warning"> Please Wait....</div> ');

$.post(site_url + '/PR/......', {depid: depid, startdt: startdt }, function(msg) {
if (msg != '') {
alert (msg);
$("#uid_msg").html('');
$("#error_search_msg").show().html('<div class="da-message success">Successfully....</div> ');
$("#view_report").html(msg);
}
});