Динамическое добавление/удаление элементов
 

Добрый день не могли бы вы помочь решить мне задачку?

Дано есть небольшой шаблон:

<div>
    art: <b>1</b>  
    <input type="hidden" value="1">
    название товара / цена
    <input type="button" value="del">        
</div>
<div>
    art: <b>2</b>
    <input type="hidden" value="2">
    название товара / цена
    <input type="button" value="del">        
</div>
<div>
    art:<input type="text" value="">
</div>
    
<input type="button" value="Save">

http://jsfiddle.net/morrozilla/F7FR4/6/

При вводе артикула через JSON получаем данные их нужно подставить в поля (название товара / цена), а <input type="hidden" value="2"> должет стать обычным текстом "2"
и должно появится новое поле для ввода артикула и т.д. так же надо по нажатии на клавишу del как то помечать строку на удаление (допустим выделять строку красным фоном).
А при нажатии на Save надо отправить запрос на добавление/удаление(те что помечены на удаление) в базу.

огромное спасибо за любую помощь