jquery append after

$( "<p>Test</p>" ).insertAfter( ".inner" );

var newDiv = $('<div>My new div</div>');  //create Div Element w/ jquery
$( "#someOtherElement" ).append(newDiv); //append new div somewhere

$('#someParent').append('<div>I am new here</div>');    

$( ".inner" ).append( "<p>Test</p>" );

$("p").after(" <b>You can write your Text Here </b>.");

$( ".inner" ).after( "<p>Test</p>" );

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
<script>$( "<p>Test</p>" ).insertAfter( ".inner" );</script>

Consider the following HTML:

Html:
---------------
<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

You can create content and insert it into several elements at once:

jquery:
--------------
$( ".inner" ).prepend( "<p>Test</p>" );

Each <div class="inner"> element gets this new content:

Html Result:
<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    <p>Test</p>
    Hello
  </div>
  <div class="inner">
    <p>Test</p>
    Goodbye
  </div>
</div>

Suppose you have to append as below scenario

<select name="username">
  <option>Select name</option>
------	i wants my array data gets iterate here  ------
</select>

Js:
$("select option").after(data);

/*
I hope it will help you.
Namaste _/\_
*/