Javascript-форум - Смена стиля при "чекнутом" чекбоксе

Добрый день!
Есть ссылка, которая должна стать активной после того, как пользователь поставил галочку в чекбоксе. Проблема в том, что подобных элементов несколько, и активной становится только первая ссылка

Код:

<a href="index.php?option=com_chronoforms6&view=form&Itemid=133" class="jcepopup noicon" data-mediabox="1" data-mediabox-width="550" data-mediabox-height="450" style="position: absolute;right: -20px;top: 80px;border: 2px solid #20caae;border-radius: 7px;padding: 25px; pointer-events:none;" id="continue">Отправить заявку</a>



<input type="checkbox" name="checkme" id="agree" /> Я прочитал(а) и согласен.



<script type="text/javascript">

jQuery("#agree").change(function(){ 

if(jQuery(this).attr("checked")) {

        jQuery('#continue').css('pointer-events', 'all');

}else{jQuery('#continue').css('pointer-events', 'none');

}});



</script>