Buttons stop working after returning to page

JavaScript
1

i have a main page which is populated with buttons that are hyperlinks.

when i say go to /admin/ i see my page all buttons work but when i click back to the url the buttons do not work.

i have the following in my head section

<head>
      <title>Home</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
	  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
	  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>
 $(document).ready(function(){
 $('button').click(function() {
      $.get('index.php?id='+ this.id, function(data, status) {
 window.location.reload(false);
     });
  });
});
</script>

   </head>

my buttons are populated via php


<a href="#confirmation"><button data-inline="true" id="'.$device['name'].'-on">'.$device['name'].' On</button>

the only way to get the buttons to work is to refresh the page.

any ideas?