Default State for Slider Button

Default State for Slider Button

I have created a simple slider that will toggle the state of my home heating system. The page uses ajax to call a php script that in turn writes a iether '1' or '0' to an html file. An arduino development board then reads this html file periodically to check the state and, if it differs from its localy stored state, toggles the home heating system using a relay. 

What i need to do now is to get the state of the slider in a newly loaded page to match the boolean in the html file. In a regular HMTL form containing a radial button, i can use the paramter checked ='checked' to indicate that a particular radial button must be checked when the page first loads. I imagine this parameter can be programmatically set. 

Is there an equivalent parameter i can use for my slider?

Thanks in advance!

My code below:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title>My Page</title> 
  5. <meta name="viewport" content="width=device-width, initial-scale=1"> 
  6. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
  7. <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  8. <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  9. </head> 

  11. <body>
  12.  
  13.     <script>
  14.     
  15.    
  16.    
  18.         $(function() {
  19.  
  20.    //$("#callAjax").click(function() {
  21.              //$( ".selector" ).bind( "change", function(event, ui) {
  22.              
  23.              $('#slider').change(function(event) {
  24.              //alert( $("#slider").val() );

  26.                 var theValue = $("#slider").val();
  27.  
  28.                 if(theValue.length > 0)
  29.                 {
  30.                     $.ajax({
  31.                       type: "POST",
  32.                       url: "callajax.php",
  33.                       data: ({heatstatus: theValue}),
  34.                       cache: false,
  35.                       dataType: "text",
  36.                       success: onSuccess
  37.                     });
  38.                 }
  39.             });
  40.  
  41.             $("#resultLog").ajaxError(function(event, request, settings, exception) {
  42.               $("#resultLog").html("Error Calling: " + settings.url + "<br />HTTP Code: " + request.status);
  43.             });
  44.  
  45.             function onSuccess(data)
  46.             {
  47.                 $("#resultLog").html("Result: " + data);
  48.             }
  49.  
  50.         });
  51.     </script>
  52.  
  53.     <div data-role="page" id="indexPage">
  54.         <div data-role="header" data-theme="b">
  55.             <h1>ThermoControl</h1>
  56.         </div>
  57.         <div data-role="content">
  58.         <div align="center">
  59.           <div data-role="fieldcontain">
  60. <label for="slider">The Heat is:</label>
  61. <select name="slider" id="slider" data-role="slider">
  62. <option value="0">Off</option>
  63. <option value="1">On</option>
  64. </select> 
  65. </div>

  67.             <div id="resultLog"></div>
  68.  </div>
  69. </body>
  70. </html>
  71.