JQuery Mobile blocks Javascript

JQuery Mobile blocks Javascript

Hallo,
I tried the following scenario:
A button should have the value "Not Clicked". When i click on it, it should show "Clicked".
Now my problem: everything works fine when i quote jquery mobile out.
When i turn jquery mobile on, the button value doesn't change.

My code:
  1. <html>
  2. <head>
  3.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
  4.     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  5.     <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
  6.     <script type="text/javascript">
  7.         function changeText() {
  8.             if (document.getElementById("button1").value == "Not Clicked") document.getElementById("button1").value = "Clicked";
  9.         }
  10.     </script>
  11. </head>
  12. <body>
  13.     <input type="button" value="Not Clicked" id="button1" onclick="changeText()" />
  14. </body>
  15. </html>
Can anyone help me?
Thanks :)