+버튼 불르면 input 가 아래로 하나 추가되기 채택완료

< div>

<input type="text" placeholder="email" value="" class="input_invite_email">
<input type="text" placeholder="email" value="" class="input_invite_email2">

< /div>

<div class="btn">+버튼</div>

이라는 테그가 있는데

클래스 btn 라는 버튼을 클릭하면 

< div>

<input type="text" placeholder="email" value="" class="input_invite_email">
<input type="text" placeholder="email" value="" class="input_invite_email2">

<input type="text" placeholder="email" value="" class="input_invite_email3">

< /div>

이 추가될수 있게 할 방법이 있을가요.

테그가 추가되고 클래스명에 숫자가 증가하는 방법이요...

부탁드립니다.