i mam następujący link który wywołuje modala i potrzebuję dodać do tego jeszcze "data-page" które będzie odpowiadać za przesłanie wartości dla inputa #itemDel w jaki sposób mogę to zrobić. chodzi o to że linków może być kilkadziesiąt a okno modala tylko jedno więc proszę nie piszcie mi o powielaniu div id="myModal"

Kod
<a href="#myModal" data-page="{$page.id}" role="button" data-toggle="modal" title="Usuń"><img src="{$base_url}public/img/icon/coquette-icons-set/24x24/delete_page.png" alt="" /></a>
Kod
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<div class="alert alert-block alert-error fade in">
<h4 class="alert-heading">Próbujesz usunąć podstronę!</h4>
<p>Pamiętaj po wykonaniu tej operacji, przywrócenie skasowanej podstrony nie będzie możliwe.</p>
</div>
</div>
<div class="modal-footer">
<form action="{$base_url}pages/del.html" method="post">
<input type="hidden" id="itemDel" name="item[id]" value=""/>
<button class="btn btn-danger" name="item[del_yes]">Usuń</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Anuluj</button>
</form>
</div>
</div>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<div class="alert alert-block alert-error fade in">
<h4 class="alert-heading">Próbujesz usunąć podstronę!</h4>
<p>Pamiętaj po wykonaniu tej operacji, przywrócenie skasowanej podstrony nie będzie możliwe.</p>
</div>
</div>
<div class="modal-footer">
<form action="{$base_url}pages/del.html" method="post">
<input type="hidden" id="itemDel" name="item[id]" value=""/>
<button class="btn btn-danger" name="item[del_yes]">Usuń</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Anuluj</button>
</form>
</div>
</div>