Сдвинутая фаза скрипта или добавление с другого источника

[Joojic]

Привет всем.
Написал довольно таки простенький скрипт:

var $scr=1;
function app(){
		f = document.getElementById('text1').value;
		$('#cache').load('data/sth.php?value=' +f );
		lo = document.getElementById('cache').innerHTML;
		$('.testing').append("<br/>" + lo);
		document.getElementById('text1').value = "";
		$scr++;
		$(".testing").scrollTop( $scr * 5000 );
		$('#testing').html('');
	}

html:

<div id="cache" style='display:none;'></div>
		<div class="testing"></div>
		<hr />
		<form name="test" onsubmit="app();" action="#">
			<input type="text" size="40" id='text1'>
		</form>

Что эта штука должна делать(вкратце)
Берем документ data/sth.php?value=XXX добавляем его в div id='testing'.

Вопроса по этому поводу два:
1) Можно ли это сделать как-нибудь короче? без кэша и прочего?
2) Скрипт работает. Однако же работает с какой-то сдвинутой фазой. То есть мы вводим значение текстового поля text1 и отправляем. Ничего не происходит. Если отправляем ещё что-то, то выводится значение, которое мы в первый раз. В третий раз - второе. И тд. Что может быть причиной этому?

[jsru_]

1. Попробуй

$.get('data/sth.php?value=' +f, {}, function (html) {

$('.testing').append("<br/>" + html);

})

2. Попробуй убрать скобочки вот так:

<form name="test" onsubmit="app" action="#">

[Joojic]

$.get('data/sth.php?value=' +f, {}, function (html) {

$('.testing').append("<br/>" + html);

})

Спасибо!
А можно где-нибудь прочитать про $.get? оно возвращает объект?

[jsru_]

Ссылка

[Joojic]

<form name="test" onsubmit="app" action="#">

без скобочек функция не вызывается..
А вот первый совет помог избавиться также и от сдвига фазы, спасибо!