passing jquery value to php with submit button
<p>this is the html code:</p>

<pre><code>&lt;form action='survey.php' method='post' class='mainForm'&gt;
    &lt;fieldset&gt;
        &lt;div class="widget first"&gt;
            &lt;div class="head"&gt;&lt;h5 class="iList"&gt;Text fields&lt;/h5&gt;&lt;/div&gt;
                &lt;div class="rowElem noborder"&gt;&lt;label&gt;Name:&lt;/label&gt;&lt;div class="formRight"&gt;&lt;input type="text" name="name"/&gt;&lt;/div&gt;&lt;div class="fix"&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;div class="rowElem noborder"&gt;
                    &lt;label&gt;Usual slider: &lt;/label&gt;
                    &lt;div class="formRight"&gt;
                        &lt;div class="uiSliderInc"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="fix"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;input type="submit" value="Submit form" class="greyishBtn submitForm" /&gt;
                &lt;div class="fix"&gt;&lt;/div&gt;

            &lt;/div&gt;
        &lt;/fieldset&gt;
    &lt;/form&gt;
</code></pre>

<p>i have a slider with a range between 1 and 100 with this code:</p>

<pre><code>&lt;div class="uiSliderInc"&gt;&lt;/div&gt;
</code></pre>

<p>in another file called "custom.js" i have this code:</p>

<pre><code>$( ".uiSliderInc" ).slider({
    value:50,
    min: 0,
    max: 100,
    step: 1,
    slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
    }
});
$( "#amount" ).val( "$" + $( ".uiSliderInc" ).slider( "value" ) );
</code></pre>

<p>i wanna send the value of this slider once i press on the submit button to the same page so i can do some php things to it. i bought a theme complete with css and jquery code because i dont understand it but now i have to use it. so can anyone help me on how i send the value when i press the submit button?</p>