I have a form that has a dropdown menu, a few text fields and a text area. I would like the form to hide the text area if one of the options from the dropdown menu is selected.

Here is my code:

<form id=contact name=contact action= method=post>

<select name='select-question'>

    <option value=member-request>Become a member</option>

    <option value=question>Send us your questions / comments</option>

</select>

Name:

<input type=text name=last-name></input>

Comments/questions:</br>

<textarea id=comments name=questions-field rows=5 cols=27></textarea>

<br />

<input type=submit name=submit value=Submit></input>

$(document).ready(function () {

    $('#contact select[name=select-question]').change(function () {

        if ($('#contact select[name=select-question]').val() == 'question') {

            $('#comments').show();

        } else {

            $('#comments').hide();

        }

    });

});

I have also posted to JS fiddle: http://jsfiddle.net/7wzUG/5/

I'm very new to JQuery, and I am not sure why this does not work.
Thanks for any help.