title: onChange event for HTML5 range
body: <p>Currently the onChange event on my range inputs is firing at each step.</p>
  
  <p>Is there a way to stop this event from firing until the user has let go of the slider?</p>
  
  <p>I'm using the range to create a search query. I want to be able to run the search every time the form is changed but issuing a search request at each step of the slider's movement is too much.</p>
  
  <hr>
  
  <p>Here's the code as it stands:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="page"&gt;
      &lt;p&gt;Currently viewing page &lt;span&gt;1&lt;/span&gt;.&lt;/p&gt;
      &lt;input class="slider" type="range" min="1" max="100" step="1" value="1" name="page" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(".slider").change(function() {
      $("#query").text($("form").serialize());
  });
  </code></pre>
  
  <p>Does that help?</p>