title: submit form when input text is change jquery
body: <p>I am using a price range, ie jquery range slider.
  And i have two text fields and price range slider below image</p>
  
  <p>Image</p>
  
  <p><img src="https://i.stack.imgur.com/qu0Ky.png" alt="enter image description here"></p>
  
  <p>HTML Code</p>
  
  <pre><code>&lt;form name="range_form" method="post"&gt;
  INR &lt;input type="text" id="amount1" name="amount1" &gt;
  - INR &lt;input type="text" id="amount2" name="amount2" &gt;
  &lt;/form&gt;
  &lt;div id="slider-range"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>jQuery Code</p>
  
  <pre><code>$(function() {
      $( "#slider-range" ).slider({
          range: true,
          min: 0,
          max: 99999,
          values: [ 75, 300 ], 
          slide: function( event, ui ) {
              $( "#amount1" ).val(ui.values[ 0 ]);            
              $( "#amount2" ).val(ui.values[ 1 ]);            
          }
      });
  
      $("#amount1").val($( "#slider-range" ).slider( "values", 0 ));
      $("#amount2").val($( "#slider-range" ).slider( "values", 1 ));
  
  }); 
  </code></pre>
  
  <p>And above code is to displays the price range is two text fields.</p>
  
  <p>Now My Question starts here...</p>
  
  <p>How can i submit <code>form</code> when <code>input text</code> field is change.</p>
  
  <p>I have tried working with <code>keyup</code> , <code>keydown</code> , <code>onchange</code> but working what i am looking for.</p>
  
  <p>Cos I am not inserting the values in <code>text</code> field from keyboard, it gets the values from <code>slider ranges</code>.. so how i can submit when text field is changed.</p>