title: How do I get the value of a textbox after it changes in jQuery?
body: <p>So I'm trying to get the value of a textbox after it changes. Textboxes are blank, and when the user makes an input, it automatically multiplies to the value set. What I want is to get the computed value so that I can add all the value of each textboxes. I hope you can help me with this one.</p>
  
  <p>Edit: I created this for testing. It's not working.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
          &lt;title&gt;Test&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;input id="first" type="text" onchange="compute()"&gt;
  
  &lt;script&gt;
  $('#first').on('change', function() {
      $(this).val($(this).val() * 3);
  });
  &lt;/script&gt;
  
  &lt;input id="second" type="text" onchange="compute()"&gt;
  
  &lt;script&gt;
  $('#second').on('change', function() {
      $(this).val($(this).val() * 3);
  });
  &lt;/script&gt;
  
  
  &lt;input id="result" type="text" readonly&gt;
  
  &lt;script&gt;
          function compute(){
                  var myBox1 = document.getElementById('first').value;
                  var myBox2 = document.getElementById('second').value;
                  var result = document.getElemetById('result').value;
                  var grade = first + second;
                  result.value = grade;
          }
  &lt;/script&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>