¿Como crear y recorrer un arreglo en JQuery?

Para ser mas especifico soy nuevo en JQuery, he hice el siguiente script:

<script src="../js/jquery-1.11.3.min.js"></script>
<script>
$(document).on('ready' , function(){
$('#submit').click(function(){
var actividad = $('#actividad').val();
var supervisor = $('#supervisor').val();
var celsuper = $('#celsuper').val();
var jefe  = $('#jefe').val();
var celjefe = $('#celjefe').val();
var sitio  = $('#sitio').val();
var sala = $('#sala').val();
var ciudad = $('#ciudad').val();
var actividadgen = $('#actividadgen').val();
var equipos = $('#equipos').val();
var comentarios = $('#comentarios').val();
if(actividad === ''){
$('#errorA').fadeIn();
return false;
}else{
if(supervisor === ''){
$('#errorA').fadeOut();
$('#errorB').fadeIn();
return false;
}else{
if(celsuper === ''){
$('#errorB').fadeOut();
$('#errorC').fadeIn();
return false;
}else{
if(jefe === ''){
$('#errorC').fadeOut();
$('#errorD').fadeIn();
return false;
}else{
if(celjefe === ''){
$('#errorD').fadeOut();
$('#errorE').fadeIn();
return false;
}else{
if(sitio === ''){
$('#errorE').fadeOut();
$('#errorF').fadeIn();
return false;
}else{
if(sala === ''){
$('#errorF').fadeOut();
$('#errorG').fadeIn();
return false;
}else{
if(ciudad === ''){
$('#errorG').fadeOut();
$('#errorH').fadeIn();
return false;
}else{
if(actividadgen === ''){
$('#errorH').fadeOut();
$('#errorI').fadeIn();
return false;
}else{
if(equipos === ''){
$('#errorI').fadeOut();
$('#errorJ').fadeIn();
return false;
}else{
if(comentarios === ''){
$('#errorJ').fadeOut();
$('#errorK').fadeIn();
return false;
}
}
}
}
}          
}
}
}
}
}
}
});
});
</script>

¿Que hace? 

Tengo varios "Div" en html con varios input text, de los cuales tomo el valor y creo la variable.

Entonces si la variable esta vacía me arroja el error del div (que esta hecho en CSS) con un fadeIn y sino quita el error con un fadeOut.

¿Cómo hacer un array para después recorrerlo haciendo la misma condición?