Buttons don't work after submit or clicking link

Buttons don't work after submit or clicking link

Hi Forum,

i have a problem, i use the code attached.
After i load the page the buttons for power, plus and minus are working as expected, but after
i submitted the form or i clicked one of the "a href" buttons the power, plus and minus buttons 
are not working anymore.

Can anyone help me to solve this issue ?!

Thanks in advance !!!

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.  <meta name="apple-mobile-web-app-capable" content="yes" />
  6.  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  7.  
  8.  <title>LED-Control 2.0</title>
  9. <meta name="mobile-web-app-capable" content="yes">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="apple-touch-startup-image" href="http://192.168.2.1/LED/iphone.png">
  12. <link rel="apple-touch-icon" href="http://192.168.2.1/LED/custom-icon.png">
  13. <link rel="shortcut icon" href="http://192.168.2.1/LED/custom-icon.png">
  14. <link rel="stylesheet" href="http://127.0.0.1/jquery/jquery.mobile-1.4.5.min.css">
  15. <script src="http://127.0.0.1/jquery/jquery-1.11.3.min.js"></script>
  16. <script src="http://127.0.0.1/jquery/jquery.mobile-1.4.5.min.js"></script>
  17.     
  18.      <script type="text/javascript">
  19.     $(function () {
  20.         $("#btnQueryString0").bind("click", function () {
  21.             var url = "?red=0&green=0&blue=0&dimv=0";
  22.             window.location.href = url;
  23.         });
  24.     
  25.         $("#btnQueryString1").bind("click", function () {
  26.             var url = "?red=0&green=0&blue=0&dimv=10";
  27.             window.location.href = url;
  28.         });
  29.    
  30.         $("#btnQueryString2").bind("click", function () {
  31.             var url = "?red=0&green=0&blue=0&dimv=-10";
  32.             window.location.href = url;
  33.         });
  34.     });
  35.     </script> 



  39. </head>
  40. <body>

  42. <div data-role="page" id="seite01">
  43. <div data-role="header">

  45. <h1>LED-Control</h1>
  46. </div>
  47.    
  48.    
  49.    <div data-role="content">
  50.    
  51.    <p>
  52.    <center> 
  53.    <div data-role="controlgroup" data-type="horizontal" >
  54.    
  55.    <input type="button" id="btnQueryString0"  data-icon="power" data-iconpos="notext" value="Icon only">
  56.    <input type="button" id="btnQueryString1"  data-icon="plus" data-iconpos="notext" value="Icon only" >
  57.    <input type="button" id="btnQueryString2"  data-icon="minus" data-iconpos="notext" value="Icon only">
  58.    
  59.     </div>
  60.     </center>
  61.     </p>
  62.     
  63.    
  64.        
  65.     <p> 
  66.     <center>
  67.     <div data-role="controlgroup" data-type="horizontal">
  68.      <a href="?red=255&green=0&blue=0&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: red; color: red;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  69. <a href="?red=0&green=255&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: green; color: green;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  70.      <a href="?red=0&green=0&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: blue; color: blue;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  71.     </div>
  72.     </center>
  73.     </p>
  74.     
  75.    
  76.     <p> 
  77.     <center>
  78.     <div data-role="controlgroup" data-type="horizontal">
  79.      <a href="?red=255&green=20&blue=0&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(255,150,0); color: red;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  80. <a href="?red=0&green=150&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(0,190,255); color: green;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  81.      <a href="?red=255&green=255&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(255,255,255); color: blue;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
  82.     </div>
  83.     </center>
  84.     </p>
  85.     
  86.   
  87.     
  88.     <p>
  89.    
  90.     
  91.     <form name="input" action="index.htm" method="get">
  92.  
  93.     <label for="slider-2">RED:</label>
  94.     <input type="range" name="red" id="slider-2"  data-highlight="true" min="0" max="255" value="$r" ><br>
  95.     <label for="slider-2">GREEN:</label>
  96.     <input type="range" name="green" id="slider-2" data-highlight="true" min="0" max="255" value="$g"><br>
  97.     <label for="slider-2">BLUE:</label>
  98.     <input type="range" name="blue" id="slider-2" data-highlight="true" min="0" max="255" value="$b" ><br>
  99.     <input type="hidden" name="dimv" value="0">
  100.     <button class="ui-shadow ui-btn ui-corner-all" type="submit" value="SET" id="submit-2">SET</button>
  101.    
  102.     </form>
  103.   
  104.     </p>


  107. </div><!-- /content -->
  108.    <div data-role="footer">

  110.      <h4>V 1.0</h4>
  111.    </div><!-- /footer -->
  112. </div><!-- /page -->


  115. <!-- </body> --></body>
  116. </html>