help me code convert to Jqury Mobile

help me code convert to Jqury Mobile

Hello
How is it possible to convert this code to Jquery Mobile

  2. <!DOCTYPE html>
  3. <html>
  4.   
  5.     <title>jQuery Mobile Slider</title>
  6.     <head>
  7.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"/>
  8.     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  9.     <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  10.  
  11. </head>
  12. <script>
  13.     $(document).ready(function(){
  14.     $( "#slider-fill" ).slider({
  15.       range: "max",
  16.       min: 10,
  17.       max: 20,
  18.       value: 1,
  19.       slide: function( event, ui ) {
  20.         $( "#text" ).css( { fontSize: ui.value} );
  21.       }
  22.     });
  23. });
  25. </script>
  26. </head>
  27. <body>
  28. <div data-role="page">
  29.     <div input type="range" name="slider-fill" id="slider-fill" value="10" min="10" max="20" data-highlight="true" /></div>
  30.  
  31. <font size="2" id="text">Text </font>
  32. </div>
  33. </body>
  34. </html>