title: JavaScript insert button before link, not after
body: <p>I have the following example of code where I insert a button after the page is loaded, and I would like for that button to go inside of that div, but after that link is it posible (<a href="http://jsfiddle.net/C7jy8/" rel="nofollow">link to jsFiddle</a>)? </p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;div class="someclass" id="someid"&gt;
      &lt;a href="#" class=""&gt;Text Here&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h3>JavaScript</h3>
  
  <pre><code>(function(root) {
      function bindUIActions() {
          menuElements();
      }
      function menuElements() {
          var menuElements = document.getElementById("someid");
          menuElements.insertAdjacentHTML('afterBegin','&lt;button type="menu-button" id="responsiveToggle" class="menu-button" aria-hidden="true"&gt;&lt;i aria-hidden="true" class="icon-reorder"&gt;&lt;/i&gt;Menu&lt;/button&gt;');
      }
      root.NavigationWidget = {
          init: function() {
              bindUIActions();
          }
      };
  
  })(this);
  NavigationWidget.init();
  </code></pre>