if/else 조건문 질문 있습니다.

// $('.btn').click(function() {
 if($('#test-input').val() == '안녕') {
 $('.black-background').fadeIn();
 }
 }); //

if($('#test-input').val() == '안녕') {
$('.btn').click(function() {
$('.black-background').fadeIn();
});
}

주석 처리한 부분이 선생님 코드고

하단부가 제가 작성한 코드인데

왜 저렇게 작성하면 작동을 안 할까요?

혹시 문법적으로 오류가 있나요? 

if (test-input값이 '안녕'이면) {

btn을 클릭했을 때 black-background를 fadeIn해줘 }

논리상으로는 맞는 것 같은데 답답한 마음에 질문 남깁니다!