recuperar valo de id repetido

[cdfree 3]

Exibo um formulário de parcelamento com contrato,objeto e vigencia, o mesmo possui um botao que dá acesso ao extrato (ficha) via ajax/janela moldal, esta quase funcionando 100% só o id=data por se repetir pega sempre a primeira vigencia 01/2013, como posso corrigir isso:

 

<script type="text/javascript">

// script ajax jquery
$(document).ready(function(){
$("#campo").click(function(){
contrato = $('#ctr').val();
objeto = $('#obj').val();
vig = $('#data').val(); <- problema ??????
var str = contrato+'#'+objeto+'#'+vig;
$.post('ficha.php',{city:str},function(res){
$("#result").html(res);
});

});
});
</script>

 

<?php
// valor realizado, gera input com valor total e botao para ficha
$link = new mysqli("127.0.0.1","root "," ","db");
$con = $link -> query("SELECT vigencia FROM `admin` limit 0,1")->fetch_assoc();
$ano= $con['vigencia'];
$mes = array("","01/$ano","02/$ano","03/$ano","04/$ano","04/$ano","05/$ano","06/$ano","07/$ano","08/$ano","09/$ano","10/$ano","11/$ano","12/$ano");
echo "<div id='caixa'>";
for($o=1;$o<=13;$o++)

{
echo "<div id='box'>";
echo "<a href='#dialog' name='modal'>
<input type='hidden' value='A' name='obj' id='obj'>
<input type='hidden' value='2012/018' name='ctr' id='ctr'>
<input type='hidden' value='$mes[$o]' name='data' id='data'>
<input type='submit' value='$mes[$o]' name='campo' id='campo' /></a>";
echo "<input type='text' name='valor' id='campo' value='" . valor_r($mes[$o]) . "'>";
echo "</div>";
echo "</div>";
}
?>

 

 

<script type="text/javascript">
$(document).ready(function(){
$("#campo").click(function(){
contrato = $('#ctr').val();
objeto = $('#obj').val();
vig = $(this).val();
var str = contrato+'#'+objeto+'#'+vig;
$.post('ficha.php',{city:str},function(res){
$("#result").html(res);
});

});
});
</script>

[Maujor 144]

Para resolver problemas de ID com mesmo valor em um documento web há somente uma solução:
A sintaxe HTML exige que um valor de ID seja único em um documento, portanto altere um dos valores repetidos.