title: != operator returning true on false password values?
body: <p>I want to check if password input value is not equal to password 2 input value. Regardless of whether the passwords match it returns true.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="//code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form class='login' name='form'&gt;
          &lt;input id='pw' name='password' placeholder='Password' type='password'&gt;
          &lt;input id='pw2' name='password2' placeholder='Password Again' type='password'&gt;
          &lt;input class='animated' type='submit' value='Register'&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.animated {
    transition: background 0.3s ease-in-out;
  }
  
  .notEqual {
    background-color: red;
  }
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$( document ).ready(function() {
  
    $('.animated').on('click', function (e) {
        if ($('#pw'.value) != $('#pw2'.value)) {
            e.preventDefault();
            $(this).addClass('notEqual');
        } else {
            console.log("Passwords are equal");
        }
    });
  
  });
  </code></pre>
  
  <p>JSBIN: <a href="http://jsbin.com/vujitutere/2/" rel="nofollow">http://jsbin.com/vujitutere/2/</a></p>
  
  <p>Thanks.</p>