Formulaire : vérification bouton radio

Bonjour à toutes et tous,

je me retrouve bloquer avec le code de mon formulaire concernant la vérification des champs RADIO. Ca fonction très bien avec les champs Texte mais pas avec les boutons Radio et Select :-(

Pouvez-vous m'aiguiller car je bloque sérieusement depuis hier soir et j'en viens à requérir de l'aide ?

Merci d'avance pour votre temps et votre aide !

Voici le code de mon script :

<script>
$().ready(function() {
  // validate the form when it is submitted
  var validator = $("#template-contactform").validate({
    errorPlacement: function(error, element) {
      // Append error within linked label
      $( element )
        .closest( "form" )
          .find( "label[for='" + element.attr( "id" ) + "']" )
            .append( error );
    },


    errorElement: "span",
    messages: {
      civilite: {
        required: " (obligatoire)"
      },
      nom: {
        required: " (obligatoire)"
      },
      prenom: {
        required: " (obligatoire)"
      },
      fonction: {
        required: " (obligatoire)"
      },
      session: {
        required: " (obligatoire)"
      },
      email: {
        required: " (obligatoire)"
      }
    }
  });
  $(".cancel").click(function() {
    validator.resetForm();
  });
});
</script>

Et celui de mon formulaire :

<form class="nobottommargin contactform" id="template-contactform" name="template-contactform" action="confirmation.php" method="post">
            <div class="form-process"></div>
                   <label for="civilite" style="display:block;">Civilité <small>*</small></label>
                        <label class="radio horizontal">
                            <input type="radio" name="civilite" value="Madame" class="horizontal">
                              Madame
                        </label>
                        <label class="radio horizontal">
                            <input type="radio" name="civilite" value="Monsieur" class="horizontal">
                              Monsieur
                        </label>
                        <label class="radio horizontal">
                            <input type="radio" name="civilite" value="Mademoiselle" class="horizontal">
                              Mademoiselle
                        </label>

                  <label for="nom">Nom <small>*</small></label>
                  <input type="text" id="nom" name="nom" value="nom" class="sm-form-control required" />

etc...

Donc cela fonctionne pour le champ NOM mais pas pour CIVILITE.

Ca parle sûrement à quelqu'un non ? :-)