Hello, I was hoping that I could get another set of eyes to help me with a weird problem I'm having...

http://www.alpha-duplication.com/feedback

With help from the jQuery UI Slider set, there are 5 sliders that update a text field with a number. The form also has other text fields and a checkbox that all is sent to an email in a php file.

The form sends fine, and I get all the data except the numbers in the slider text fields.

Each text input has a unique id that matches the variable in the php file.

I've done a bunch of tests to different email address to see if data is getting stripped out, but I can't get it to work.

Here's the HTML for the form and sliders:

1. <div id="form">
           <form action="http://www.alpha-duplication.com/feedback.php" method="post" name="feedback" id="feedbackform">
             <table width="100%" border="0">
               <tr>
                 <td><div class="rate-us">
                     <p>
                       <label for="price">Price: </label>
                       <input type="text" id="price" style="border:0; color:#f6931f; font-weight:bold;" />
                     </p>
                     <div id="slider-p"></div>
                   <!-- End rate-us --></div>
                   </td>
               </tr>
               <tr>
                 <td><div class="rate-us">
                     <p>
                       <label for="service">Service: </label>
                       <input type="text" id="service" style="border:0; color:#f6931f; font-weight:bold;" />
                     </p>
                     <div id="slider-s"></div>
                   </div>
                   <!-- End rate-us --></td>
               </tr>
               <tr>
                 <td><div class="rate-us">
                     <p>
                       <label for="quality">Quality: </label>
                       <input type="text" id="quality" style="border:0; color:#f6931f; font-weight:bold;" />
                     </p>
                     <div id="slider-q"></div>
                   </div>
                   <!-- End rate-us --></td>
               </tr>
               <tr>
                 <td><div class="rate-us">
                     <p>
                       <label for="turnaround">Turnaround: </label>
                       <input type="text" id="turnaround" style="border:0; color:#f6931f; font-weight:bold;" />
                     </p>
                     <div id="slider-t"></div>
                   </div>
                   <!-- End rate-us --></td>
               </tr>
               <tr>
                 <td><div class="rate-us">
                     <p>
                       <label for="overall">Overall: </label>
                       <input type="text" id="overall" style="border:0; color:#f6931f; font-weight:bold;" />
                     </p>
                     <div id="slider-o"></div>
                   </div>
                   <!-- End rate-us --></td>
               </tr>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

 

Here is the relevant jQuery for the first slider:

1. <script type="text/javascript">
$(function() {
$("#slider-p").slider({
value:50,
min: 0,
max: 100,
step: 1,
slide: function(event, ui) {
$("#price").val(ui.value);
}
});
$("#price").val($("#slider-p").slider("value"));
});













Please let me know if I can provide any other info for you.

Many thanks,
Clint