[denvasden]

keen,
спасибо за отклик, но у меня сейчас уже немножко другая проблема.
я кажется понял как решить свою предыдущую задачу но для этого мне нужно справиться вот с чем:

у меня есть функция:

$(document).ready(function(){
		var uploadButton = $('#photo_input');
		var status = $('#status');
		new AjaxUpload(uploadButton, {
			action: 'upload.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
					status.text('Only JPG, PNG or GIF files are allowed');
					return false;
				}
				status.text('Uploading...');
			},
			onComplete: function(file, response){
				status.text('');
				if(response==="success"){
					$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
				} else{
					$('<li></li>').appendTo('#files').text(file).addClass('error');
				}
			}
		});

	});

она отвечает за загрузку картинки при нажатии на #photo_input.
у меня таких #photo_input много,

<table border="1">
	<tr>
		<td>
			<div id="photo_input_1">Upload File</div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="photo_input_2">Upload File</div>
		</td>
	</tr>
</table>

но срабатывает она только на первом #photo_input.

не буду же я описывать для каждого #photo_input новую функцию с новым uploadButton.
вот что я имею в виду:

var uploadButton1 = $('#photo_input_1');
var uploadButton2 = $('#photo_input_2');

Можно ли сделать так, чтобы эта функция вызывалась для каждого #photo_input.
Спасибо!