Question: I've stacked some input text fields, drop downs, radio gruop inside a DIV. Now how do I check if all text fields, radio groups and dropdowns inside this DIV have some value?

I've created a simple mockup in [JSFiddle](http://jsfiddle.net/tq3jL2d6/1/)

jQ:

```
$("#continue_btn").click(function(){
    if($('#myForm input:text[value=""]').length > 0){
      alert("yes");
    } else {
      alert("no")
    }
}

```

Answer: 
The main difficulty here is radio buttons which you need to check separately. Try something like this:

```
var $form = $('#myForm');

$("#continue_btn").click(function () {

    var $radio = $form.find(':radio:checked');

    var hasEmpty = $.grep($form.serializeArray(), function(el) {
        return !$.trim(el.value);
    }).length || $radio.length == 0;

    if (hasEmpty) {
        alert("yes");
    } else {
        alert("no")
    }
});

```

### Demo: <http://jsfiddle.net/tq3jL2d6/9/>

Note, that for this demo I improved HTML a little:

1. wrapped everything with `form` tag, since you deal with form
2. added name attributes to all form elements
3. added placeholder attributes.
You can use this code, here is the link 

```
http://jqueryvalidation.org/files/demo/

```

And here is the code 

```
view-source:http://jqueryvalidation.org/files/demo/

```