title: Scroll Width always returning undefined
body: <p>I am doing a bit of program in which whenever it detects an input change in the <strong>textbox</strong> it needs to do something. But it doesn't work for me. So i Change i started giving the value in console to verify it whenever it detects a change in input it always returns <strong>undefined</strong>.
   How can i get the size of the text a user has entered in pixels?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
      input[type=text] {
          height: 20px;
          width: 100px;
      }
  &lt;/style&gt;
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;input type="text" id="func"&gt;&lt;/input&gt;
  &lt;/body&gt;
  &lt;script&gt;
      $("#func").change(function () {
        console.log($("func").scrollWidth);
      });
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>