Duplicar div com informações em PHP

Eu estou fazendo uma tela de venda de produtos, preciso fazer um botão que duplica uma div com todas informações, mas com um detalhe, adicione +1 ao número que ela representará na array.

<div class="col-md-12 item">

 <?php echo $this->Form->input('', array('type' => 'hidden', 'value' => md5('v'.date('Y-m-d H:i:s').$this->Session->read('Auth.User.id')), 'name' => 'data[Item][0][sale_hash]')); ?>

 <div class="form-group">
 <label class="col-md-2 control-label">Produto *</label>
 <div class="col-md-5 col-xs-12">
 <div class="input-group">
 <span class="input-group-addon"><span class="fa fa-folder-open"></span></span>
 <?php
 echo $this->Form->input('', array(
 'type' => 'select',
 'label' => false, 'div' => false,
 'div' => false,
 'empty' => true,
 'options' => $products,
 'class' => 'select2 form-control',
 'name' => 'data[Item][0][product_id]'
 ));
 ?>
 </div>
 </div>

 <label class="col-md-2 control-label text-right">Valor (R$) *</label>
 <div class="col-md-3 col-xs-12">
 <div class="input-group">
 <span class="input-group-addon"><span class="fa fa-folder-open"></span></span>
 <?php echo $this->Form->input('', array('placeholder' => '0,00', 'label' => false, 'div' => false, 'class' => 'form-control', 'name' => 'data[Item][0][amount]')); ?>
 </div>
 </div>

 </div>
 </div>

Todos os 3 campos, hidden, select e text contém informações com PHP, e eu preciso que a cada div adicionada, ela acrescente +1 no número do name, ficando data['Item'][0]['campo'], data['Item'][1]['campo'], data['Item'][2]['campo'].

Existe a possibilidade de realizar isso somente com JavaScript?