iterating through every second img with modulus for even numbers

scripts.js

// work section
  for(var i = 0; i < works.length; ++i ) {
    $('#work').append('\
      <div class="col-xs-6 col-md-3"> \
        <img src="' + works[i] + '" class="img-responsive"> \
      </div> \
      ');
    var images = $('#work img');
    if (i%2 === 0) {
      $(images[i]).css("border", "2px solid DodgerBlue");
    } else {
      $(images[i]).css("border", "2px solid salmon");
    };

works.js

var works = [
"img/ediblehoodhome.jpg",
"img/aboutediblehood.jpg",
"img/locations.jpg",
"img/addlocation.jpg",
"img/pumpkinediblehood.jpg",
"img/aboutkaja.jpg",
"img/magicofcoding.png",
"img/working.jpg",
]