[LingVist]

Всем доброго дня

Вывожу в цикле форму и несколько картинок.

<form>
   @foreach($pictures as $item)
	<div class="picture col-md-3 col-sm-6">				
             <div class="image_single">
		<img data="{{ $item->id }}" class="upload_img img-responsive" src="{{ asset(env('THEME')) }}/images/{{ $item->img }}" alt="">
             </div>

	<input name="img" class="title_img form-control" type="text" value="{{ $item->img }}, {{ $item->id }}">

	<input id="{{ $item->id }}" name="file[]" class="form-control image upload" type="file">

<a><input type="submit" value="Сменить картинку"></a>
				
 </div>
   @endforeach
</form>

При необходимости нужно сменить некоторые. Вот JS-скрипт

function readURL(e) {
var temp;
	temp = $(this).attr("id");// Получаем ID кнопки добавления картинки
	   if (this.files && this.files[0]) {
		var reader = new FileReader();
		  $(reader).load(function(e) { 
			$("img[data='temp']").attr('src', e.target.result); 
			});
		reader.readAsDataURL(this.files[0]);
		}
	}
	
	$(".upload").change(readURL);
		
	});

В таком виде скрипт не работает. Но если здесь $("img[data='temp']") сменить переменную temp на число (полученный ID), то все прекрасно работает.
В чем может быть дело?

Спасибо