title: JQuery Range Input Listener
body: <p>Hey having a little trouble jquery and the hmtl5 range. I'm try to get the values as they changed but the event listener is not capturing it. Currently my code is:</p>
  
  <p>HTML</p>
  
  <pre><code>html += '&lt;li&gt;Apply Credits: &lt;input type="range"  min="0" max="'+credits+'" name="discount_credits" id="discount_credits" /&gt; &lt;span&gt;'+credits+'&lt;/span&gt;&lt;/li&gt;'
  </code></pre>
  
  <p>And the JS is:</p>
  
  <pre><code>$('#discount_credits').mousewheel( function() { 
          alert('it changed!'); 
          alert('new value = ' + $(this).val()); 
      });
  </code></pre>
  
  <p>I've also tried</p>
  
  <pre><code>$('#discount_credits').change( function() { 
              alert('it changed!'); 
              alert('new value = ' + $(this).val()); 
          });
  </code></pre>
  
  <p>Neither seem to work. Am I doing something wrong?</p>