Ever wanted to repeat parts of your markup while building templates? Do it like this!

app.js

$(function(){
  $('*[data-repeat]').each(function(){
    var n = $(this).data('repeat');
    var parent = $(this).parent();
    self = $(this);
    for (var i = 0; i < n; i++) {
      self.after(self.clone());
    }
  })
});

index.html

<section>
  <div data-repeat="10">This is my content</div>
</section>

You'd be better off replacing .parent().append(... with .after(... on line 5 so if the parent element contains other content the repetition will be appended in the right place.

And now you've revised it so my comment doesn't make sense. Basically, I prefer this instead:

$(function(){
  $('*[data-repeat]').each(function(){
    self = $(this);
    var n = self.data('repeat');
    for (var i = 0; i < n; i++) {
      self.after(self.clone());
    }
  })
});

Makes sense! I was actually using something like that in another version somewhere but lost it. Thanks :)