Как передавать данные через форму?

Question

[Андрей Еськов]

Подскажите есть y меня html

<ol class="dd-list">
    <li class="dd-item dd3-item" data-id="13" data-name="Категория" data-url="/catalog/stomatologicheskie_ustanovki/">
        <div class="dd-handle dd3-handle"></div>
        <div class="dd3-content">Категория <a class="delete-item" href="#">x</a></div>
    </li>
    ....
</ol>

Хочу чтобы по двойному клику можно было отредактировать data данные, сделал так

//Редактирование пвойному клику
    $('.dd3-content').dblclick(function(){
        $(this).empty();
        $(this).append(
            '<input name="name" type="text" placeholder="Название" value="' + $(this).parent().data('name') + '">' +
            '<input name="url" type="text" placeholder="URL" value="' + $(this).parent().data('url') + '">' +
            '<input class="done" type="submit" value="Сохранить">'
        )
    });

Но как теперь обработать клик по кнопке сохранить, чтобы данные в data изменились. а так же снилось название категории.

Answer 1

[Stalker_RED]

Может так?
https://jsfiddle.net/sk9g3kLa/