Показать все сообщения об ошибках одновременно в jQuery

У меня есть форма с некоторыми проверками (jQuery). Они отображаются (сообщения об ошибках) одно за другим, если они пусты, но я хочу отобразить все соответствующие сообщения об ошибках, поля которых пусты.

Вот код:

$("#registrationForm").submit(function() {
  if ($("#familyId").val() == "0") {
    $("#imgerror").text("");
    $("#err").text("Please select family");
    $("#familyId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#occupationId").val() == "0") {
    $("#imgerror").text("");
    $("#err").text("Please select occupation");
    $("#occupationId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#stateId,#pstateId,#cstateId,#wstateId").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please select state");
    $("#stateId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#caste").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please select caste");
    $("#caste").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#code").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please enter code");
    $("#code").focus();
    return false;

  }
  if ($("#pname").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please enter name");
    $("#pname").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;
  }
});

Заранее спасибо.