Показать одну и ту же кнопку несколько раз

Question

я изучаю javascript и html прямо сейчас, и я изо всех сил стараюсь, чтобы кнопка (Добавить контент к уроку) отображалась на каждом новом уроке, но по какой-то причине я не знаю почему, она просто показывает только на последнем уроке.

Вот изображение того, что я хочу показать (я сделал это в фотошопе)

Fiddle благодаря @ Twisty

js коду для уточнения c часть

$(document).ready(function() {
$("#add").click(function() {
        var lastField = $("#buildyourform div:last");
    var intId = (lastField && lastField.length && lastField.data("idx") + 1) || 1;
    var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");
    fieldWrapper.data("idx", intId);
    var fName = $("<input type=\"text\" class=\"fieldname\" />");
    var fType = $("<select class=\"fieldtype\"><option value=\"textbox\">Text</option><option value=\"textarea\">Video (URL LINK)</option></select>");



    var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
    removeButton.click(function() {
        $(this).parent().remove();
    });

    var lessonName =$("<input type=\"text\"  class=\"fieldname\" />");

    fieldWrapper.append(" <b>             ================New Lesson===============</b>");


     fieldWrapper.append(lessonName);
     fieldWrapper.append(addL);

    $("#buildyourform").append(fieldWrapper);
});