Ugly use of Jquery.append. Any Ideas on how to improve this?

JqueryCss.js

  function drawZoomButtons() {

        for (var i = 1; i <= numOfTicks; i++) {

            var position = (canvas.width / numOfTicks) * i;

            (function (sectionNum) {
                
                var zoomInBtn = $("<div>")
                          .addClass("timelineZoomInButton")
                          .css({ left: position + 120 })
                          .on("click", function () {
                              zoomInTimeline(sectionNum);
                          });

                $("#taskTimeLineZoomButtons").append(zoomInBtn);
                
            })(i);
        }
    }

After the fix everything look much better