title: Values are not sent with ajax to mysql
body: <p>Please help, Variables Min and Max are not being sent to getData.php where filtering with MYSQL query is done.
  The variables are displayed in #range and #range2 on index page.</p>
  
  <p>Could you also give comments on the method that is used under "// Updating table data", for example would this be more appropriate:
      success:function(data)
         {
          $('#result').html(data);
         }</p>
  
  <pre><code>&lt;script&gt;
    $(document).ready(function(){
              $( "#slider" ).slider({
                  range: "min",
                  min: 50,
                  max: 300,
                  value: [ 60 ],
                  slide: function( event, ui ) {
                      var min = ui.value;
                      $('#range').text(min);
                  }
              });
              $( "#slider2" ).slider({
                  range: "min",
                  min: 50,
                  max: 300,
                  value: [ 300 ],
                  slide: function( event, ui ) {
                      var max = ui.value;
                      $('#range2').text(max);
                  }
              }); 
              $.ajax({
                  url: 'getData.php',
                  type: 'post',
                  data: {min:min,max:max},
                  success: function(response){
      // Updating table data
                      $('#emp_table tr:not(:first)').remove();
                      $('#emp_table').append(response);   
                  }      
              });
          });
  &lt;/script&gt;
  </code></pre>