title: jQuery mobile slider change event not triggering
body: <p>I'm loading some html through an ajax-call.</p>
  
  <p>This html also contains javascript in <code>&lt;script&gt;</code> tags.</p>
  
  <p>These script tags runs but I try to attach an event handler to the change-event of an <code>&lt;input slider&gt;</code> (part of the JQM library).</p>
  
  <p>This works if I use the 'deprecated' <code>.live()</code>. Problem is this html is loaded several times and each the event handler is re added every time.</p>
  
  <p>If I instead use <code>.on()</code> as DOCS suggests the event is not triggered when I change the value of the input.</p>
  
  <pre><code>"input type="range" name="betInput" id="Size-@sel.UniqueId" min="0" max="@sel.AvailableToBet"/"
  
  // Using .live() here works but keeps adding
  $('#Size-@sel.UniqueId').on('change', function () {
  
                      console.debug('Should print when slider-value is changed but is not');
                  });
  
  
                  // This next line will however trigger the event above.
                  $('#Size-@sel.UniqueId').trigger('change');
  </code></pre>
  
  <p>USING JQuery 1.8.2 and JQM 1.2.0</p>