После клонирования убрать значение в input. Jquery

Смотрите, должно быть оно

https://jsfiddle.net/zbe70aby/1/

оно. только вот если удалить все поля то новое создать не получается

можно конечно сделать проверку

типа если остался один блок то удалять нельзя

но хотелось бы как то этот поправить

Сделать такой же блок с элементами, но скрыть его через CSS. Его и клонировать.

А клонировать обязательно?

	var url_block=$('.wrp-url').html();	

	$(document).on("click", ".del-field", function(){

		$(this).parent().remove();

		return false;

	}).on("click", ".add-field", function(){

		$(this).before('<div>'+url_block+'</div>');		

		return false;

	});

https://jsfiddle.net/zbe70aby/4/

если верстка поменяется, то будет каша.

Лучше так https://jsfiddle.net/agbsm611/1/

<div class="wrp-urls">
	<div class="wrp-url">
		<input type="text" class="url" placeholder="ссылка на картинку">
		<button class="from-url btn">Загрузить</button>
		<a href="#" class="del-field">убрать поле</a>
	</div>
</div>
<a href="#" class="add-field">+ добавить поле</a>

$(function() {

	var container = $('.wrp-urls');

	//копия для копирования, скрываем
	container.find('.wrp-url').last().clone().appendTo(container).hide();

	//онклик удаление
	container.on("click", ".del-field", function(e) {
		e.preventDefault();
		$(this).parent().remove();
	});

	//добавить строку
	$(document).on('click', '.add-field', function(e) {
		e.preventDefault();
		container.find('.wrp-url').last().clone().removeAttr('style').appendTo(container).find('input:text').val('');
	});

});

Единственное, надо еще что-то придумать с именами инпутов.

всем спасибо

остановился на варианте что посоветовал Marat_Kh

вот тут https://jsfiddle.net/lutskboy/zbe70aby/6/ . может кому пригодится

дани мапов тоже предложил не плохое решение.

хотя я так делал. странно что не вышло. наверно забыл потом показать етот блок. он же скрыт

тут добавил https://jsfiddle.net/lutskboy/zbe70aby/7/