Insert new li element after id
<p>Is it possible to add an element after a specific element with an <code>id</code></p>

<pre><code> &lt;ul&gt;
      &lt;li&gt;fred&lt;/li&gt; 
      &lt;li&gt;wilma&lt;/li&gt;
      &lt;li id ="name"&gt;barny&lt;/li&gt;
      &lt;li&gt; &lt;/li&gt;
      &lt;li&gt; &lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

<p>Insert betty after barny by specifying the <code>id</code> <code>name</code> </p>
