Script wroks in Chrome but not in firefox or IE

Script wroks in Chrome but not in firefox or IE

Hello,

I found a script that basically helps with a bootstrap dialog box which in my case is turned into a sign-in dialog box. as of now the dialog box disappears when i click the button btn_login

The code actually works but it only works in Chrome(version: 46.0.2490.71 m)  but not in Firefox(version: 41.0.2)  or in IE(version: 11.0.22),

I striped the code down to its minimum to troubleshoot and tested again and it still works but only in Chrome

I cleared the cash just to make sure nothing was interfering and still not working.

see code below.
any help or suggestion you can provide would be greatly appreciated.
thanks.

  1. $(function() {
     $("button#btn_login").click(function(){
         event.preventDefault();   
         var emailV = $( "#txt_IDemail" ).val();
         var pwdV = $( "#txt_IDpwd" ).val();   
         if(emailV =="" || pwdV =="" ){
             $("#msgDisplay").html("Email address or password fields cannot be empty");
         }
         else{         
            $("#msgDisplay").html("works");           
         }      
         return false; 
     });
    });