noUiSlider passing incorrect value

[cambraydesign]

I am using noUiSlider and I am trying to get the slider value to Post through a form. The form is posting fine, but the value of the slider does not change from the start value, so is always set at 7000. Any ideas how to make the value change with the slider? Here is the code:

$("#rangeSlider").val();
        $("#rangeSlider").noUiSlider({
            start: 7000,
            step: 1000,
            behaviour: 'snap',
            connect: 'lower',
            range: {
                'min': 0,
                'max': 15000
            },          

            serialization: {
                lower: [
                    $.Link({
                        // Place the value in the #value element,
                        // using the text method.
                        target: $("#value"),
                        method: "text",
                        format: {
                            decimals: 0,
                            thousand: ',',
                            prefix: '£'
                        }
                    }),     
                ],
            },
            slide: function( event, ui ) {
                $( "#amount" ).val( ui.value );
                document.getElementById("amount").innerHTML = document.getElementById("rangeSlider").value;
            },
        });
        $( "#amount" ).val( $( "#rangeSlider" ).val() );

Any help would be appreciated.