jQuery.validate.js equalTo refuses to work
<p>I am trying to validate that my one password equals the other. The system keeps flagging the passwords not equal error.</p>

<p>Let me post my code:</p>

<pre><code>&lt;div class="fieldWrapper"&gt;
              &lt;label for="password" id="id_password"&gt;Password: &lt;/label&gt;
              &lt;input id="id_password" type="password" placeholder="Password" name="password" maxlength="128" class="valid"&gt;
           &lt;/div&gt;

&lt;div class="fieldWrapper"&gt;
              &lt;label for="password_verification"&gt;Confirm:&lt;/label&gt;
              &lt;input id="id_password_verification" type="password" placeholder="Confirm" name="password_verification" maxlength="128"&gt;
           &lt;/div&gt;

$(document).ready(function()
{
  $("#signup-form").validate({
    rules: {
        password: {
            required: true,
            minlength: 5
        },

        password_verification: {
            required : true,
            equalTo: "#id_password"
        }
    },
    messages: {
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },

        password_verification: {
            required: "Please enter your password again",
            equalTo: "Please enter the same password as above"
        },
    },
    submitHandler: function(form) {
        form.submit();
    }
  });
});
</code></pre>

<p>Does anyone have any clue where I am going wrong here?  Note that my form has the id signup-form.</p>
