title: Get value from updated range slider?
body: <p>I've got a range slider for jQuery Mobile. I want to combine the result from an autocomplete and the two slider values, but I only seem to get the predefined HTML value from the slider, instead of the one I'm currently choosing from sliding it.</p>
  
  <p>Here's the JS:</p>
  
  <pre><code>$(function() {
      function log(message) {
          $("&lt;div/&gt;").text(message).prependTo("#log");
          $("#log").attr("scrollTop", 0);
      }
  
      $.ajax({
          url: "drycker.xml",
          dataType: "xml",
          success: function(xmlResponse) {
              var data = $("artikel", xmlResponse).map(function() {
                  return {
                      value: $("Namn", this).text(),
                      id: $("Artikelid", this).text(),
                      price: $("Prisinklmoms", this).text(),
                      interval: $("#range-1a").val()
                  };
              }).get();
              $("#birds").autocomplete({
                  source: data,
                  minLength: 0,
                  select: function(event, ui) {
                      log(ui.item ?
                          "Vald produkt: " + ui.item.value + ", artikel-ID: " + ui.item.id + ", pris: " + ui.item.price + ", prisintervall vald:" + ui.item.interval:
  
                          "Ingen vald produkt, sökningen var " + this.value);
                  }
              });
          }
      });
  });
  </code></pre>
  
  <p>and the needed HTML:</p>
  
  <pre><code>    &lt;div data-role="rangeslider"&gt;
          &lt;label for="range-1a"&gt;Prisintervall:&lt;/label&gt;
          &lt;input name="range-1a" id="range-1a" min="0" max="500" value="20" type="range"&gt;
          &lt;label for="range-1b"&gt;Prisintervall:&lt;/label&gt;
          &lt;input name="range-1b" id="range-1b" min="0" max="500" value="200" type="range"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>So, the problem is that <pre>interval: $("#range-1a").val()</pre> only gives me the value 20 because that's what #range-1a is set to from the beginning. I'm never getting the new value. Any ideas?</p>