It's not working! someone please explain


#1
<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
        <script type='text/javascript' src='script.js'></script>
	</head>
	<body>
        <div class="container">
            <h2>Greetings</h2>
            <div id="one">Div #1</div>
            <div id="two">Div #2</div>
            <p> a moving paragraph </p>
        </div>   
	</body>
</html>

$(document).ready(function(){

var $move = $("p");
$("#one").after("$move");

});

its o/p is: Greetings

Div #1
$move
Div #2
a moving paragraph


#2

after has to receive a text or html code

like
$("#one").after("<p>test</p>");

in this exercise you don't need <p> a moving paragraph </p> in your html but just the js i have write.

if you want to "move" your <p> a moving paragraph </p> you can use insertAfter();

example
$("p").insertAfter("#one");

result :
<div class="container">
<h2>Greetings</h2>
<div id="one">Div #1</div>
<p> a moving paragraph </p>
<div id="two">Div #2</div>
</div>