title: Javascript Append Child AFTER Element
body: <p>I would like to append an li element after another li inside a ul element using javascript, This is the code I have so far..</p>
  
  <pre><code>var parentGuest = document.getElementById("one");
  var childGuest = document.createElement("li");
  childGuest.id = "two";
  </code></pre>
  
  <p>I am familiar with appendChild,</p>
  
  <pre><code>parentGuest.appendChild(childGuest);
  </code></pre>
  
  <p>However this appends the new element inside the other, and not after. How can I append the new element after the existing one? Thanks.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li id="one"&gt;&lt;!-- where the new li is being put --&gt;&lt;/li&gt;
    &lt;!-- where I want the new li --&gt;
  &lt;/ul&gt;
  </code></pre>