title: No method 'val' in JQuery
body: <p>I have an HTML form  </p>
  
  <pre><code>&lt;div class="field"&gt; 
    &lt;label for="num1"&gt;Number 1&lt;/label&gt; 
    &lt;input id="num1" type="text" /&gt; 
  &lt;/div&gt; 
  &lt;div class="field"&gt; 
    &lt;label for="num2"&gt;Number 2&lt;/label&gt; 
    &lt;input id="num2" type="text" /&gt; 
  &lt;/div&gt; 
  </code></pre>
  
  <p>When "Number 1" is changed, I'd like to change "Number 2" to match it. So this JQuery code:</p>
  
  <pre><code>$('#num1').change(function() {
    var one = this.val();
    $('#num2').val(one);
  });
  </code></pre>
  
  <p>but it says:</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;HTMLInputElement&gt; has no method 'val'
  </code></pre>
  
  <p>on the line</p>
  
  <pre><code>var one = this.val()
  </code></pre>
  
  <p>What am I doing wrong?</p>