使用ajax (jQuery mobile)刷新文本文件与php

我试图把幻灯片值放在一个文本文件与ajax，我发现了一个例子，如何在jQuery上使用ajax，但是当我试图把滑块值上的功能没有发生任何事情。这是我的HTML和PHP文件:PS:正如我之前所说，我在网上找到了一个例子，这个例子是一个"计算器"，但我真正想做的是在一个txt文件上放一个滑动条值。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
    $("#btn").click(function(){
        var a = $("input[name=flip]").val();
        var b = $("input[name=num_b]").val();
        $.ajax({
            type: "POST",
            data: { first:a, second:b },
            url: "add.php",
            dataType: "html",
            success: function(result){
                $("#content").html('');
                $("#content").append(result);
            },
            beforeSend: function(){
                $('#loading').css({display:"block"});
            },
            complete: function(msg){
                $('#loading').css({display:"none"});
            }
        });
    });
});
</script>

                    <label for="status">Constant:</label>
                    <select name="flip" id="flip" data-role="slider" data-mini="true">
                        <option value="10">O</option>
                        <option value="20">I</option>
                    </select> 

                <script>
                        $( "#flip-1").on('slidestop', function( event ) {
                           var slider_value=$("#flip-1").slider().val();
                           alert('Value: '+slider_value);
                        });
                </script>

<div id="loading" style="display: none;">Loading...</div>
<input type="text" name="num_a" />
<input type="text" name="num_b" />
<button id="btn">Add</button> 
<div id="content"></div>

<?php 
    $fh = fopen("file.txt", 'w') or die("can't open file");
      fwrite($fh, $_POST["first"] + $_POST["second"]);
    fclose($fh);
    echo $_POST["first"] + $_POST["second"];
?>

我想做什么(HTML):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
    $( "#flip-1").on('slidestop', function( event ) {
        var a = =$("#flip-1").slider().val();
        var b = 0;
        $.ajax({
        type: "POST",
        data: { first:a, second:b },
        url: "add.php",
        dataType: "html",
        success: function(result){
            $("#content").html('');
            $("#content").append(result);
        },
        beforeSend: function(){
            $('#loading').css({display:"block"});
        },
        complete: function(msg){
            $('#loading').css({display:"none"});
        }
    });
});

});

</script>

                <label for="status">Constant:</label>
                <select name="flip" id="flip" data-role="slider" data-mini="true">
                    <option value="10">O</option>
                    <option value="20">I</option>
                </select> 

            <script>
                    $( "#flip-1").on('slidestop', function( event ) {
                       var slider_value=$("#flip-1").slider().val();
                       alert('Value: '+slider_value);
                        });
            </script>

<div id="loading" style="display: none;">Loading...</div>
<input type="text" name="num_a" />
<input type="text" name="num_b" />
<button id="btn">Add</button> 
<div id="content"></div>

我只想把滑块开关值放在一个文本文件中，每次开关值改变