Добавление еще одной строки с помощью ввода, нажав кнопку

Question

Как сделать, чтобы при нажатии кнопки пользователем появлялась другая строка с <Input>?

И ID входа будет расти.

Я хочу что-то вроде этого:

<button id="add">add</button>
<input id="e-1" type="text">
<input id="e-2" type="text">
....

Нет php, пожалуйста .. Я бы предпочел JQuery

Answer 1

Демо

Это будет сделано

HTML

<button id="add">add</button>
<div id="inputs"></div>

jQuery

var i = 0;
$("#add").click(function(){
    $("#inputs").append('<input id="e-'+(++i)+'" type="text"><br>');
});

Answer 2

<div>
    <button class="container-add-input"></button>
    <input type='text' />
    <input type='text' />
</div>
<script type="text/javascript">
    $(".container-add-input").click(function() {
        $(this).parent().append("<input type='text' />");
    });
</script>