[jQuery] .value() 값과 .html() 의 차이.

그동안 단순히 jQuery를 이용하여 태그안의 값을 추출할때 .value() 함수 를 잘 사용해 왔는데..
갑자기 필요한 데이터가 추출이 안되는 황당한 일이 일어났다.

결과 적으론.. 경우에 따라 데이터 추출하는 함수가 다른데... 그걸 몰랐던 거다..

그 내용을 간단히 살펴보면..

Hi~! Pet2r 란 문구만 빼내고 싶을때..


태그 밖에 데이터가 있는경우.

====================================================
예) <p id="test">Hi~! Pet2r</p>  

      $('#test').html();  
====================================================


태그 안에 데이터가 있는경우.

====================================================================
예) <input type="text" id="test" value="Hi~! Pet2r"/>

      $('#test').val();
====================================================================