Question

Let’s say I have some

<section id="something"></section>

with a ton of content in between.

And I want to create a click event so when you click “+” it appends that entire section beneath, but gives it the id “something2” so that they can be manipulated separately.

I’ve uploaded it so it is clear what I am talking about. Navigate to education and look at the section that contains a form for your college info. Clicking the “+” should create another section like that. There won’t be an “x” next to the first one as appears currently, but it will be next to each of the added sections.

EDIT Forgot the link. http://ravvel.com/markup/createResume.htm

Answer 1

Something like this?

$("#plus").click(function(){
     var $container = $(this).closest("#container");

     $container.find(".section:first").clone().insertAfter($container.find(".section:last"));
});

Be sure to change the selectors to your needs.