자바스크립트로 html 생성하는 법 강의 중 질문있어요

select 태그 하나 더 넣어서, "셔츠"라는 옵션을 선택했을 때,  다른 사이즈가 나오게 하는 것은 성공했는데요.

오늘 배운 문법 활용해서, 코드 리펙토링 해보던 중에 예상치 못한 일이 생겨서 질문드립니다.

위와 같이 "라인"이라는 변수에 option 태그들을 담아서 select 태그에 append를 이용해서 붙여주려는게 저의 의도였는데요.

강의에서는 잘 붙었는데, 저 같은 경우는 append 해준 태그들이 리스트 더해지지 않길래 콘솔로 찍어보니, 문자열로 붙어있네요.

왜 이런 해괴망측한 일이 생겼을까요?? 그리고 어떻게 이 문제를 고칠 수있나요??

참고로, 제가 사용하는 브라우저는 크롬입니다.