title: jQuery: How do I identify an element whose ID contains a dot?
body: <p>Here is my current code:</p>
  
  <pre><code>jQuery(document).ready(function($) {
    $("#edit-name").change(function() {
      $("#Membership_UserName").val($(this).val());
    });
    $("#edit-pass-pass1").change(function() {
      $("#Membership_PassWord").val($(this).val());
    });
    $("#edit-pass-pass2").change(function() {
      $("#.Verify_Password").val($(this).val());
    });
  });
  </code></pre>
  
  <p>Everything works fine, <em>except</em> for updating the value of the element whose ID is <code>.Verify_Password</code>. The reason seems pretty apparent to me (that jQuery is getting confused after seeing <code>#</code> and <code>.</code> right next to each other) but maybe that's wrong...</p>
  
  <p>Regardless, the ID can't be changed because it's being sent to a remote endpoint and it needs to match on that end.</p>
  
  <p>So my question is: is there a way to tell jQuery that <code>.Verify_Password</code> is an ID (and not a class)?</p>