자바스크립트 제이쿼리 변수 선언 시 오류

게시물 수정 , 삭제는 로그인 필요

<form id="searchForm" onsubmit="return false;" autocomplete="off">

            <div class="sch_group fl">

                <select id="searchType" name="searchType">

                    <option value="">전체 검색</option>

                    <option value="title">제목</option>

                    <option value="content">내용</option>                     

                </select>

                <input type="text" id="keyword" name="keyword"/>

                <button type="button" class="bt_search" onclick="movePage(1);"><i class="fas fa-search"></i><span class="skip_info">검색</span></button>

            </div>

        </form>

                const form = $('#searchForm');

// const form = document.getElementById('searchForm');

                const queryParams = {                   

                    searchType: form.searchType.value,

                    keyword: form.keyword.value

                }

제이쿼리로 searchForm form 변수에 선언 후 form.searchType.value 값을 불러오면 

아래와 같이 오류가 나는데
주석처리가 된 순수 자바스크립트로 id 값을 불러오면 오류 없이 진행이 되는데 무슨 차이일까요?

Uncaught TypeError: Cannot read properties of undefined (reading 'value')