adding a new div after another one
<p>I am trying to add a new div right after a div with the class of dtext01 but its not working.
Here is what the div looks like with the class <code>&lt;div class="dtext01"&gt;&lt;/div&gt;</code> and I would like the final code to look like this <code>&lt;div class="dtext01"&gt;&lt;/div&gt;&lt;div id="rewards"&gt;Testing!!!&lt;/div&gt;</code></p>

<p>Here is the code I have tried with no success.</p>

<pre><code>&lt;script type="text/javascript"&gt;
var stickyNode = document.createElement("div");

stickyNode.innerHTML = 'Testing!!!';

stickyNode.id = "rewards";
var referenceNode = document.getElementByClass("dtext01");
referenceNode.parentNode.insertBefore(stickyNode, referenceNode);
&lt;/script&gt;
</code></pre>
