javascript - insertAfter not working with html

Question

1. I have a p Element and try to wrap it inside a span.
2. then insert it after the p tag with the id output.

I tried it like this, but the insertAfter is not doing it's job.

$mytext = $("p#test").html();
$myspan = "<span style='color:red'>"+$mytext+"</span";

$($myspan).insertAfter("p#output");

<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>

Answer 1

You forgot the last '>' in your closing tag for the $myspan variable

You have:

     $myspan = "<span style='color:red'>"+$mytext+"</span";

and it should be

     $myspan = "<span style='color:red'>"+$mytext+"</span>";

Best