как клонировать или дублировать поля с помощью jquery?

У меня есть эта разметка

<div class="input text">
   <label for="Experience0ExperienceContent">Experience Content</label>
   <input name="data[Experience][0][experience_content]" class="span3" id="Experience0ExperienceContent" type="text">
</div>

Можно клонировать или дублировать ее, увеличивая значение 0 каждый раз, когда пользователь нажимает на ссылку? Я имею в виду все 0, когда пользователь щелкает один раз, ссылка должна перейти на 1, затем, если щелкнуть снова, нужно перейти на 2 и так далее, и, конечно, с сохранением той же разметки каждый раз, какой-либо совет или помощь?

Ура и спасибо заранее