Тип изображения не обнаружен

Question

Я пытаюсь отправить форму с использованием ввода изображения типа. Запрос ajax выполняется отлично, и я получаю ответ от моего php-скрипта. Моя проблема заключается в том, что я хочу, чтобы кнопка изображения меняла свой образ при его отправке (и это не делалось). Консоль firebug сообщила, что form.pic не определен, и изображение не обновляется. Любые идеи, почему?

JavaScript/JQuery

function new_user(form){ 

    var url = "attendance.php"; 

    var dataString = "status="+form.astatus.value; 
    dataString = dataString+"&id="+form.mark_attend.value; 
    $.ajax({ 
type: "POST", 
url: url, 
data: dataString, 
success: function(data) { 
form.pic.src = data; //Error here 
}, 
error: function(jqXHR, textStatus, errorThrown){ console.error("error: " + textStatus, errorThrown);} 
}); 

return false; 
} 

HTML

<form method="POST" onSubmit="return new_user(this);" > 
<input type="hidden" value="attended" name="astatus" /> 
<input type="hidden" value="idKey" name="mark_attend" /> 
<input type="image" src="greencheck.png" name="pic" /> 
</form> 

Answer 1

$(form).find('input[name="pic"]').attr('src', data); 

Это, я думаю, это самый чистый способ сделать это, учитывая, что вы используете JQuery.