title: Jquery mobile trigger create not updating slider button location
body: <p>I have also tried <code>.('refresh')</code>  and <code>.page()</code> to no avail.</p>
  
  <p>The text-box updates but not the slider position, so as soon as you touch it, the value drops back down. You can see this behavior here: <a href="http://www.webeshoppin.info/st0.html" rel="nofollow">http://www.webeshoppin.info/st0.html</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;Tax&lt;/title&gt; 
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /&gt;
      &lt;link href="css/tax.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"&gt;&lt;/script&gt;  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="page2" data-role="page"  data-add-back-btn="true"&gt;
      &lt;div data-role="header"&gt;
          &lt;h4&gt; The Proposed&lt;/h4&gt;
          &lt;a href="#decisions" data-icon="arrow-r" data-role="button" id="joinls"&gt;next&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
      &lt;div data-role="content"&gt;
          &lt;h5&gt;Ducks are Fum&lt;/h5&gt;
          &lt;div&gt;       
              &lt;input type="range" min="0"  max="150" id="inp1" value="34"/&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;a id="but1" href="#" data-role="button" data-mini="true" &gt;but1&lt;/a&gt;  
          &lt;/div&gt;
          &lt;div id="txthere"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;      
  &lt;/body&gt;
  &lt;/html&gt; 
  
  &lt;script&gt;
  var data =87;
  $('#page2').live('pageinit', function(event) {    
  
      $("#inp1").val(data).trigger('create');
      $("#but1").click( function (e) {    
          data +=1;
          console.log(data);
          $("#txthere").append(data+'&lt;br/&gt;');
      });    
      $("#inp1").change( function(e){
          data = Number($(this).val());
          console.log(data);
          $("#txthere").append(data+'&lt;br/&gt;');
      });     
  });
  &lt;/script&gt;
  </code></pre>