title: Get value of <input type="number"> with JS when it contains non-numeric characters
body: <p><a href="http://jsfiddle.net/pyS9c/" rel="noreferrer">This jsfiddle demonstrates the following issue.</a></p>
  
  <p>The simplest example is:</p>
  
  <pre><code>&lt;input id="number" type="number" value="1"&gt;
  console.log(document.getElementById('number').value);
  </code></pre>
  
  <p>This logs 1 as expected. THIS however:</p>
  
  <pre><code>&lt;input id="number" type="number" value="1A"&gt;
  console.log(document.getElementById('number').value);
  </code></pre>
  
  <p>Just logs an empty string '', because of the non-numeric character in the value. Some devices+browsers (e.g. Chrome) allow you to enter non-numeric characters in these inputs.</p>
  
  <p>This is annoying because I want the type="number" input for devices that support it (e.g. iPhone, iPad number keyboard). However I want to use javascript to stop dirty input from being entered - which requires fetching the value on keyup - then regex replacing the non-numeric chars.</p>
  
  <p>It appears jQuery's .val() method gives the same result.</p>