Passing var to jquery in a tpl?

[omerdavid]

I have added this jquery to my CMS.tpl

script type="text/javascript">

    $(document).ready(function (){

        $(".my_answer").hide();
        $(".list-group-item").show();

    });
function LoadPage(my_link){
    alert('Hello');
    $("#answer").slideToggle();
    $('#answer').load("my_link .rte");
}
</script>

i am trying to pass the var $my_link  from a button ,because in each iteration it has different link,

{foreach from=$cms_pages item=cmspages}
<li>
{$my_link=$link->getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'html':'UTF-8'}
<a  id="my_button" onclick="Tests({$my_link});"  class="list-group-item" href="#" title="{$cmspages.meta_title|escape:'html':'UTF-8'}" >{$cmspages.meta_title|escape:'html':'UTF-8'}  </a>

<div id="answer" class="my_answer"  ></div>

</li>
{/foreach}

but it doesnt work ,any body has an idea ?