[Grummk]

Доброго утра, всю ночь мучился с динамическими полями и clone(), не выходит то что надо

html

<ul id="files">
	<li class="file">
		<input type="file" name="image[]" class="input-file" />
		<input type="button" value="" onclick="file.remove()" />
	</li>
	<li class="file">
		<input type="file" name="image[]" size="40" class="input-file" />
		<input type="button" value="" onclick="file.remove()" />
	</li>
	<li class="file">
		<input type="file" name="image[]" size="40" class="input-file" />
		<input id="addbutton" type="button" onclick="file.add()" />
	</li>
</ul>

js

var file = {

	add: function()// добавляет поле
	{
		clone = $('#addbutton').parent().clone(true).insertAfter('#addbutton');


		$('#addbutton').after(this.minus).remove();
	},

	remove: function()// удаляем поле
	{
		$(this).parent().remove();
	}
}

file.add() должен клонировать и вставлять после себя, ещё одно такое поле, получает без обёртки <li class="file"></li> и вставляет сразу после <input id="addbutton" type="button" onclick="file.add()" /> а должен после li

	<li class="file">
		<input type="file" name="image[]" size="40" class="input-file" />
		<input id="addbutton" type="button" onclick="file.add()" />
	</li>

ещё один вопрос, почему remove.add() работает если вынести отдельной фунцией т.е без var file = {}, this не отсылается, пробовал вызывать функцию, передавая this remove.add(this) без результатно