Question

I have a form in my page where the fields are being populated from ajax like dropdowns. Now I have a added a tab to the page as well. My second tab of the page will contain the same form fields and some additional ones. How do I duplicate my first tab content and load it into the second tab with room for some addition elements to be added on. I have a jsfiddle here.

http://jsfiddle.net/UL9cx/5/

I tried adding it manually and doing show hide for the divs on click of tabs, but for some reason form fields on second tab don’t load as I guess ajax is creating issues.

can anybody help me out here.

Thanks,

Answer 1

I’m not sure I totally understand the question, but the following should clear the second block, and append a clone of the first…

$('.block.two').empty().append($('.block:first').clone(true).contents());

Updated jsfiddle here: http://jsfiddle.net/UL9cx/7/