$(document).ready(function () {
$(":button").click(function () {
var textToAppend = $('#inputUser').val();
var appendAfter = $('#elementAfter').val();
if ($(appendAfter)[0] == undefined || appendAfter == '')
alert("Enter valid element from the page.");
else
$(appendAfter).after(textToAppend);
});
});
<html>
<head>
<title>after</title>
</head>
<body>
<div>This is Div element.</div>
<span>This is Span element.</span>
<p>This is paragrah element.</p>
<h3>This is h3 element.</h3>
<b>This is bold element.</b><br /><br />
Enter text to append : <input type="text" id="inputUser" /><br />
Specify element : <input type="text" id="elementAfter" /><br /><br />
<input type="button" id="after" value="Click ME !"/>
<input type="button" value="Back To Normal" onclick="location.reload()" />
</body>
</html>