原生JS和jQuery的一个问题

Question

<input type="" name="" value="" id="input"><button type="button" id="btn">button</button>=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-<script type="text/javascript">    $("#btn").on('click',function() {        window.open("http://www." + document.getElementById("input").value + ".com");    });</script>-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<script type="text/javascript">    $("#btn").on('click',function() {        window.open("http://www." + $("#input").value + ".com");    });</script>各位大神，小弟请问一下，如上面代码所示，为何第二种使用jQuery的方法，无法获取到input中输入的value？而显示underfind？欢迎来喷