html에 있는 소스를 객체화해서 add버튼을 누르면 jquery를 이용해서 동적으로 하나씩 추가하고싶은데 이럴때 보통 어떻게해여?


현재

1. js로 내가 원하는 html소스를 반환할 함수를 만들고, 그 함수에 html소스 때려박아서 문자열을 반환시킴.

2. 근데 jQuery에 append안에 1번에서 정의한 함수를 호출하고 html소스를 때려박아도 아무런 반응 x, 셀렉터 지정은 제대로된거 확인함


질문

1. html의 태그들을 객체화하는 합리적인 방법

2. jquery를 이용해서 1번에서 가져온걸 내가 선택한 태그에 추가하는 방법