Как получить корректный outerHTML из jQuery селектора?

Question

[Максим Кудрявцев]

Доброго времени суток.
Используемый мною jquery-плагин содержит следующую строку

return '<td>' + field.setValue(field.html, content)[0].outerHTML + '</td>';

Метод setValue из внутри моего кода:

field_templates: {
            'number': {
                html: '<input type="number" name="monday-start">',
                getValue: function (input) {
                    return $(input).val();
                },
                setValue: function (input, value) {
                    if (value) {
                        return $(input).val('66').addClass('setValue').data('dtv-val', 555);
                    }
                    return $(input).val('');
                }
            }
        },

Проблема в том, что я получаю на выходе

<input type="number" name="monday-start" class="setValue">

вместо того, что я хочу

<input type="number" name="monday-start" value="66" class="setValue" data-dtv-val="555">

Объясните пожалуйста, чего я не понимаю. Как мне получить строку с нужными мне атрибутами? Также буду благодарен, если скините ссылку на мат.часть. Я не очень силен в JavaScript

Answer 1

[SerzN1]

$('.selector')
  .attr('value', 33)
  .attr('data-dtv-val', 456)

return $('.selector')[0].outerHTML

Answer 2

[Andrew Ghostuhin]

Псевдокод

outer_html = $('jQuerySelector').clone().wrap('<p>').parent().html();

Мат. часть

1. api.jquery.com/html
   
2. https://api.jquery.com/get/