if/else, function 실력향상 과제 응용2

<form action="" id="form3">
    <h3>합격/불합격</h3>
    <input type="text" id="score1">
    <input type="text" id="score2">
    <button type="submit">확인</button>
</form>

<script>
let score1 = document.querySelector('#score1').value;
let score2 = document.querySelector('#score2').value;
let a = Number(score1);
let b = Number(score2);

$('#form3').on('submit',function(a, b){ 
    if(a > 100 || b > 100){
          alert('장난노노')
     }else if(a >= 40 && b >= 40 && a + b >= 120){
          alert('합격');
     }else{
          alert('불합격');
 }
})
</script>





콘솔에서 value값 구한대로 let 변수로 저장했는데 값이 나오지 않는건 왜일까요,,?

그리고 let 변수 정의할때 제이쿼리로
let score1 = $('#score1').value 
이렇게 문법적는것도 가능한걸까요?