I am having trouble with using jQuery's ID Selector. Not sure why I am having problems with something so simple, but any suggestions would be appreciated. 

Here is a snippet of html from my sign up page:

```
<div class="small-3 large-9 columns">
                    <input type="password" id="password" placeholder="**********">
                    <div "small-3 large-offset-6 colums">
                        <div class="passwordStrength">
                            <p>
                                <strong>Password strength:</strong>
                                <span id="passwordRating">Strong</span>
                            </p>
                            <div class="meter" id="passwordBar">
                                <span id="strengthBar" class="strong" style="width: 255px;"></span>
                            </div>
                        </div>
                    </div>
                </div>

```

and here is a snipped of javascript from my signUpValidation.js

```
$(function(){
var form = $('#signUp'),
    email = $('#email'),
    password = $('#password'),
    address = $('#address');

if (password.value().length < 8) {
    updateBar(0);
}

```

I am getting the following error in the javascript console: 

```
TypeError: 'undefined' is not a function (evaluating 'password.value()')

```

Any ideas?