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

Question

У меня есть 5 изображений в моем HTML теле, и когда пользователь нажимает на одну из них Jquery стиля изменения щелкнули изображения и стиля unclicked изображения

для примера пользователя нажмите на изображении с помощью 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

Попробуйте DEMO

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'); 
});