title: Can I simplify this jquery code?
body: <p>I have identical divs with class "serv-foto" and spans related to them with class "animated", which I want to animate(class "pulse") with "mouseover" event over divs.
  Can I simplify this code with event.target or anything else in order to prevent duplication?</p>
  
  <pre><code> $(".serv-foto-1").on("mouseover", function(event) {
   $(".animated-1").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
      $(".animated-1").removeClass('pulse');
    });
  });
  
  $(".serv-foto-2").on("mouseover", function(event) {
   $(".animated-2").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
      $(".animated-2").removeClass('pulse');
    });
  });
  
  $(".serv-foto-3").on("mouseover", function(event) {
   $(".animated-3").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
      $(".animated-3").removeClass('pulse');
    });
  });
  </code></pre>