I have a dynamic form where the user provides a name and description:

<label>Name</label><br />

<input type=text name=name[] maxlength=255 /><br />



<label>Description</label><br />

<textarea name=desc[]></textarea><br />

I am trying to validate the form with Javascript to ensure that if the name is specified, then a description must be entered.

$(input[name='name[]']).each(function() {

    var index = $(input[name='name[]']).index(this);

    if ($(this).val() != '') {

        alert($(textarea[name='desc[]']).get(index).value);

        alert($(textarea[name='desc[]']).get(index).val());

    }

}

The first alert() works as expected however with the second alert I get:
$(textarea[name='desc[]']).get(index).val() is not a function

What is the difference? Why can't I use the jQuery function?