$(document).on('click','#btn_addBook',function(e)
Так у вас же явно указана кнопка #btn_addBook', вот ее он и выводит.
Возможно вы хотели слделать что-то другое, но тайные желания довольно сложно угадывать.
Не смотря на то, что ваш код не работает, можно предположить, что по задумке, он должен добавлять вот эту хрень при каждом клике на "добавить полку"
'<div id="bookshelf"><h1 class=bookshelf_name>' + shelfname.name + '</h1><input type="text" id="bookname"/><p id="btn_addBook">add</p></div>'
Если полоко будет больше одной, то это ошибка, ибо размещать на одной странице несколько элементов с одинаковыми id НЕЛЬЗЯ.
