I am building a mobile webapp with jquery mobile. Now what I have. I have a collabsible element like you can see on [this link](http://jquerymobile.com/demos/1.1.0-rc.1/docs/content/content-collapsible.html). Now for each record that I get back from the database it is gonna make a new collabsible element. Here is my code for the collabsible element.

```
<div data-role="collapsible">
            <h3>~ITEM.FIRSTNAME~ ~ITEM.NAME~</h3>
                <div id="buttons">
                    <a href="mailto:~ITEM.MAIL~?subject=vul%20hier%20onderwerp%20in!&body=De%20body!" data-role="button">Mail: ~ITEM.MAIL~</a>
                    <img style="position:absolute;top:290px;right:45px;" src="images/mailIcon.png" width=32 height=32 />
                    <a href="tel:~ITEM.PHONENUMBER~" data-role="button">Bel ~ITEM.PHONENUMBER~</a>
                    <img style="position:absolute;top:360px;right:45px;" src="images/phoneIcon.png" width=32 height=32 />

                </div>
            </div>

```

I have 2 images a phone icon and a mail icon. Like the positioning above they are only on the first two buttons in my first collabsible element. But what do I need to do so that these buttons also appear on my following buttons?

So my question is, how can I position these 2 buttons to the div with ID="buttons".

--EDIT--
Here is a [link](http://formations.emsecure.net/SelligentMobile/index.aspx?ID=dTadN2mFxGVYU4_8RnsYQS1lQ1_KUla%2bvTLzg2p7o%2bxhsA9JE) to the actual page. 

Kind regards,

Stef