공백검사 숙제와 else if 문법

        let pw = document.getElementById('in-pw').value
        var ids = document.getElementById('email').value
       

        $('form').on('submit',function(e){
          
          console.log(ids.value)
          if(ids.value === ''){
            console.log(ids.value)
            alert('아이디입력해주세요')
            e.preventDefault();
          
          }else if(document.getElementById('in-pw').value == ''){
            console.log('안녕2')
            alert('비밀번호입력해주세요')
            e.preventDefault();
          }
        })

변수을 사용하여 if(ids.value === '') 입력하고 콘솔로 확인해보니 undefined 로 나오고 
document.getElementById('email').value 으로 입력하면 정상작동합니다.
변수 사용시 undefined 로 나오고 작동이 안됩니다. 이유좀 알려주세요.