title: Cannot add two numbers correctly without using parseFloat in JavaScript
body: <p>I came across this problem. It adding numbers using parseFloat or parseInt.
  IF textbox1 value is 4 and textbox2 value is 2 then i got output as (see script)</p>
  
  <p>My doubt is why in <strong>addition</strong> alone    </p>
  
  <blockquote>
    <p><code>parseFloat($('#txt1').val()) + parseFloat($('#txt2').val())</code></p>
  </blockquote>
  
  <p>gives correct value but </p>
  
  <blockquote>
    <p><code>parseFloat($('#txt1').val() + $('#txt2').val())</code></p>
  </blockquote>
  
  <p>is not giving correct value whereas</p>
  
  <ul>
  <li><code>parseFloat($('#txt1').val() - $('#txt2').val())</code>,</li>
  <li><code>parseFloat($('#txt1').val() / $('#txt2').val())</code>,  </li>
  <li><code>parseFloat($('#txt1').val() * $('#txt2').val())</code></li>
  </ul>
  
  <p>are giving correct value.
  Its simple but i couldn't find solution.</p>
  
  <p>=====jQuery</p>
  
  <pre><code>   function Calculate() {                                              //--&gt; Output
       $('#lbl1').html(parseFloat($('#txt1').val() + $('#txt2').val())); //--&gt; 42
       $('#lbl2').html(parseFloat($('#txt1').val()) + parseFloat($('#txt2').val())); //--&gt; 6
       $('#lbl3').html(parseFloat(4 + 2));                               //--&gt; 6
  
       $('#lbl4').html(parseFloat($('#txt1').val() - $('#txt2').val())); //--&gt; 2
       $('#lbl5').html(parseFloat($('#txt1').val() * $('#txt2').val())); //--&gt; 8
       $('#lbl6').html(parseFloat($('#txt1').val() / $('#txt2').val())); //--&gt; 2
    }
  </code></pre>
  
  <p>=====HTML</p>
  
  <pre><code>&lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input type="text" id="txt1" /&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;input type="text" id="txt2" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input type="button" value="Calculate"  onclick="Calculate()" /&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;label id="lbl1"&gt;
                  &lt;/label&gt;
                  |
                  &lt;label id="lbl2"&gt;
                  &lt;/label&gt;
                  |
                  &lt;label id="lbl3"&gt;
                  &lt;/label&gt;
                  |
                  &lt;label id="lbl4"&gt;
                  &lt;/label&gt;
                  |
                  &lt;label id="lbl5"&gt;
                  &lt;/label&gt;
                  |
                  &lt;label id="lbl6"&gt;
                  &lt;/label&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>