jQueryでサンプルコードが動かない

下記のjQueryを使ってますが、２つ画像がある内の１つしか動作しない状況です。
参考サイト:http://h2ham.seesaa.net/article/124030086.html　

※HTMLのソースは下記を使用するものとします
<a class="button" href="#"><img src="a.png" id="over1"></a>
<a class="button" href="#"> <img src="b.png" id="over1"></a>
jQueryのサンプルソース

<script type="text/javascript">
(function($) {
$(function() {

$('#over1').opOver();
$('#over2').wink();
$('#over3').opOver(0.6,1.0);
$('#over4').opOver(1.0,0.6,200,500);
$('#over5').wink(200);
$('#over6').wink('slow',0.2,1.0);
$('#test1 .over ').opOver();

});
})(jQuery);

</script>

１つ目のa.pngは動作したのですが、b.pngは動きませんでした。
コードに問題があるのでしょうか？ご教授頂ければ幸いです。