title: Using insertAfter() in jQuery
body: <p>I have this XML file,</p>
  
  <pre><code>&lt;tour title="Bavaria, Austrian, and the Alps" baseCost="1799.99"&gt;
  &lt;availability start="2011/03/25" end="2011/9/30"/&gt;
  &lt;description&gt;
  
  &lt;/description&gt;
  
  &lt;stop day="1"&gt;
  &lt;title&gt;Munich, Germany. &lt;/title&gt;
  
  &lt;description&gt;&lt;/description&gt;
  &lt;latitude&gt;48.15&lt;/latitude&gt;
  &lt;longitude&gt;11.5833333&lt;/longitude&gt;
  &lt;hotels&gt;
  &lt;hotel name="Europa Hotel" stars="3" premium="0.0"/&gt;
  &lt;hotel name="Excelsior Hotel" stars="4" premium="59.99"/&gt;
  &lt;hotel name="Grand Hotel" stars="5" premium="199.99"/&gt;
  &lt;/hotels&gt;
  
  &lt;/stop&gt;
  
  &lt;stop day="2"&gt;
  &lt;title&gt;Garmisch, Germany.&lt;/title&gt;
  
  &lt;description&gt;Major destination of the Bavarian alps. Site of a major World Cup ski race.&lt;/description&gt;
  &lt;latitude&gt;47.5&lt;/latitude&gt;
  &lt;longitude&gt;11.0833333&lt;/longitude&gt;
  &lt;hotels&gt;
  &lt;hotel name="Europa Hotel" stars="3" premium="0.0"/&gt;
  &lt;/hotels&gt;
  &lt;/stop&gt;
  </code></pre>
  
  <p>I have parsed everything I need but the problem is I need to show the output like this,</p>
  
  <pre><code>&lt;title name&gt;
   &lt;stop name&gt;
    &lt;hotels names&gt;
   &lt;stop name&gt;
    &lt;hotels names&gt;
  </code></pre>
  
  <p>But the output is coming like this,</p>
  
  <pre><code>&lt;title name&gt;
  &lt;stops names&gt;
  &lt;hotels names&gt;
  </code></pre>
  
  <p>All in one order only, What should I use, insertAfter() or after()?</p>
  
  <p>Here's my jQuery code :
      <a href="http://pastebin.com/dmETKi9E" rel="nofollow">http://pastebin.com/dmETKi9E</a>    </p>
  
  <p>HTML Code:</p>
  
  <pre><code> &lt;body&gt;
      &lt;h1 id="header"&gt;&lt;/h1&gt;
      &lt;h2 id="stop"&gt;&lt;/h2&gt;
      &lt;p id="hotel"&gt;&lt;/p&gt;
   &lt;/body&gt;
  </code></pre>