Append input text field with value of a div

Question

I'm trying to append an input text field and its value to be the value of a div.

Here is what I came up so far:

$(this).append('<input type="text" value=' $('#div1').val() '>');

Answer 1

Don't use HTML strings for everything!

$(this).append(
    $('<input>', {
        type: 'text',
        val: $('#div1').text()
    })
);

Answer 2

$(this).append('<input type="text" value='+ $('#div1').html()+ '>');