Répétition non demandés sur un code simple en Jquery

Bonjour,
J'essai de créer un effet suite à un événement.
Je commence à monter chaque action et à les tester, mais voilà, dès le début, je me retrouve avec une répétition infini de l'alerte sur un événement focus. J'imagine que c'est hyper basique, mais je ne vois pas pourquoi ça se répète.

Voici l'exemple :

 <script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>

 <script type="text/javascript">

   jQuery(document).ready(function(){

      $('#nom').on("focus", function() {
        alert("Vous êtes dans le champ Nom");
      });
      });
      
    </script>

avec ce HTML :

 <form id="images" name="formulaire" action="envoiformsopic.php" method="post" onsubmit="return verif_formulaire()">

<div id="contentform">

      <!-- NOM -->
      <div id="itemnom">
        <div><label>Nom*</label></div>
        <div><input tabindex="1" type="text" name="nom" id="nom"/></div>
      </div><!-- fin item-->

    <!-- PRENOM -->
    <div id="itemprenom">
      <div><label>Prénom*</label></div>
      <div><input tabindex="2" type="text" name="prenom" id="prenom"/></div>
    </div><!-- fin item-->

    <!-- EMAIL -->
    <div id="item">
      <div><label>Email*</label></div>
      <div><input tabindex="3" type="text" name="courriel" id="courriel"/></div>
    </div><!-- fin item-->

<div id="btvalid">
<input type="submit" name="validate" id="validate" value=" " />
</div><!-- fin btvalid-->


</div><!-- fin contentform-->


    </form>

Merci beaucoup à ceux qui pourrons m'aider