关于input文本框的问题

定义input文本框的id值为searchbox.THREE_DIRID；

<input name='searchbox.THREE_DIRID' type='text' id='searchbox.THREE_DIRID'  value='${searchbox["THREE_DIRID"]}' />

通过$(“xxx”)取标签的jquery对象，再调用val()函数取值，得到的结果是undefined;

 var threeIDSearchbox = $("#searchbox.THREE_DIRID");
 var thirdIds = threeIDSearchbox.val();
 console.log(thirdIds);

通过document取标签的dom对象，再取对象的value属性值，得到正确的input文本框输入值;

 var threeIDSearchbox = document.getElementById("searchbox.THREE_DIRID");
 var thirdIds = threeIDSearchbox.value;
 console.log(thirdIds);

问题：为什么用jquery不能取到正确的input文本框输入值？