Как изменить другой стиль выбранного элемента с помощью jquery

Question

У меня есть 5 изображений в моем html теле, и когда пользователь нажимает на одно из них, jquery меняет стиль кликаемого изображения и стиль кликаемого изображения

например, пользователь нажимает на изображение с помощью img_choose1, граница img_choose1 изменится на синий, но проблема в том, что другая граница изображения не становится красной, как это можно сделать?

for (var i=1; i <= 5; i++) {
    $(body).append('<img  id="img_choose'+i+'" height="100" src="a'+i+'.jpg"/>');
}

$("[id^='img_choose']").click(function() {
    $(this).css("border","rgba(70,70,180,0.5) medium solid");

    //$(this).siblings().css("border","rgba(160,20,70,0.5) medium solid");
    // It don't change other selected elements border color
})

Answer 1

Попробуйте это ДЕМО

for (i=1; i <= 5; i++) {
    $('body').append('<img id="img_choose'+i+'" src="http://placehold.it/350x150" alt="">');
}

$('img').click(function() {
  $(this).css('border', '1px solid blue');
  $(this).siblings().css('border', '1px solid red');
});