javascript - jQuery wrap not working with append? -

1. i have p element <p id="test">test</p> , wrap inside span using wrap , save new element under $test.
2. i append $test p#output.

result: p element getting appended, not wrapped inside span anymore.

$test = $("p#test").wrap("<span style='color:red'></span>");  $("p#output").append($test);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <p id="test">test</p>  <p id="output">output:</p>

jquery documentation says .wrap() returns original set of elements chaining purposes.

use instead $("p#output").append($('p#test').parent());