[Сергей_FE]

Есть html:

<div class="col-xs-12 col-sm-12 col-md-5" id="social-icons">
				<a href=""><img src="img/facebook.png" alt="facebook"></a>
				<a href=""><img src="img/linkedin.png" alt="linkedin"></a>
				<a href=""><img src="img/twitter.png" alt="twitter"></a>
				<a href=""><img src="img/pinterest.png" alt="pinterest"></a>
				<a href=""><img src="img/dribbble.png" alt="dribbble"></a>
				<a href=""><img src="img/google-plus.png" alt="google-plus"></a>
			</div>

Нужно с помощью jQuery и css класса, чтобы при наведении на каждую картинку, допустим она немного увеличивалась в размере.

У меня есть такой код, но он не работает

$(document).ready(function(){
    $('#social-icons a img').hover(function(){

         var myArray =[];

         $('#social-icons img').each( function() {
             myArray.push($(this.id).addClass( "ic" );

         })
    });  
});