var temp = document.getElementById('temp');
var temp = $('#temp');
위의 두 코드는 각각 다른 객체를 반환한다.
document.getElementById('temp');는 HTML DOM 객체를 리턴하고,
$('#temp'); 는 jQuery 객체를 리턴한다.
따라서, HTML DOM 객체를 사용해야 하는 경우에는,
$('#temp')[0]로 jQuery 객체의 첫 번째 element를 불러와야 HTML DOM 객체로 활용할 수 있다.