Change text in sample modal box (in top-a)

Change text in sample modal box (in top-a)
I tried to change only the text "Lorem ipsum bla bla bla" in the code, but it has no effect in the frontpage. What do I do wrong?

(I realized, that when I change the text in the first modal box, it has its same effects text in every other box. But I want to have in every box a different text.)

Code:

Hi there,
the modal box have an "id" and this one is related to the opener. Chage the id from the box and from the a href
Each box must have a different id
getuikit.com/v2/docs/modal.html

Thank you for the fast helpful reply. It works.

i tried to change #my-id in #modal, but it doesn`t work. What do I do wrong?
Thank you

Here the code:
<span class="uk-icon-gears uk-icon-medium"></span>
<h3>Latest Techniques</h3>
<p>The <em>framework</em> is completely built with HTML5, CSS3 and jQuery.</p>
<!-- This is a button toggling the modal -->
<a class="uk-margin-large-top uk-button uk-button-secondary" href="#modal" data-uk-modal="{center:true}">Sample Modal Box</a>

<!-- This is the modal -->
<div id="#modal" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
<h3>test2Headline</h3>
<p> test2Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>

Hi there,
live Url please!
Which Template?
Try another ID please and not "modal"

Now i see it.
i mad a wrong sign # in term <div id="#modal" class="uk-modal">
But now it works fine.