POST slider values to php script

POST slider values to php script

Hi all!

I had a nice functioning set of sliders that would pass their values using POST. Ever since I included jQuery mobile libs, my sliders would not pass their values anymore :(
Can anyone help me here ? Thankyou !

Fred

This is my code so far:

<html> 
<head> 
<title>Vragenlijst</title> 
<link rel="stylesheet" href="js/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.js"></script>
  
    <script type="text/javascript">
    $(function(){
     $('#slider1').slider({
slide: function( event, ui ) {
$(this).prev().val(ui.value)
}
})
$('#slider2').slider({
slide: function( event, ui ) {
$(this).prev().val(ui.value)
}
})
})
</script>

</head> 

<body> 

<form method='post' action='survey_me_test.php'>
 
  Rate this 1:<br>
  <input type='hidden' name='slider1'>
  <div id="slider1" class="slider"></div><br>
  
  Rate this 2:<br>
  <input type='hidden' name='slider2'>
  <div id="slider2" class="slider"></div><br>
  
 <input type='submit' name='submit' value='Verzend >'>
 
 </form>

</body>
</html>