Mi JS está aplicando una imagen de fondo aleatoria de un conjunto definido de variables ( var images = ) a elementos div con clases image01 , image02 , image03 e image04 . ¿Cómo detengo que mi JS seleccione la misma imagen dos veces entre clases?

HTML

 <section id="grid" class="desktop-image"> <div class="image-grid"> <div id="image" class="image01"></div> <div id="image" class="image02"></div> <div id="image" class="image03"></div> <div id="image" class="image04"></div> </div> </section>

JS

 var images = ['PK1.jpg','PK2.jpg','PK3.jpg','PK4.jpg','PK5.jpg','PK6.jpg','PK7.jpg','PK8.jpg','PK9.jpg','PK10.jpg','PK11.jpg','PK12.jpg','PK13.jpg','PK14.jpg', 'PK15.jpg','PK16.jpg','PK17.jpg','PK18.jpg','PK19.jpg','PK20.jpg','PK21.jpg','PK22.jpg','PK23.jpg','PK24.jpg','PK25.jpg','PK26.jpg','PK27.jpg',]; $(".image01").css({'background-image': 'url(assets/' + images[Math.floor(Math.random() * images.length)] + ')'}); $(".image02").css({'background-image': 'url(assets/' + images[Math.floor(Math.random() * images.length)] + ')'}); $(".image03").css({'background-image': 'url(assets/' + images[Math.floor(Math.random() * images.length)] + ')'}); $(".image04").css({'background-image': 'url(assets/' + images[Math.floor(Math.random() * images.length)] + ')'});