title: Move Element to another div without losing events, listeners, etc (without jQuery)
body: <p>Simply put, I'm trying to move a submenu from one location to another. (Easy) 
  I need to do this without losing any event handlers, etc. (Harder)</p>
  
  <pre><code>  &lt;ul id="Menu A"&gt;
        &lt;li id="submenu"&gt;My Submenu with Clicky Events&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul id="Menu B"&gt;
        &lt;!--This is where I want to move #submenu (with) all its' events intact --&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>I've tried the following without success:</p>
  
  <pre><code>    var submenu = $('#submenu').clone(true,true);
      submenu.prependTo('.Menu B'); 
  </code></pre>
  
  <p>Ideally, I can find a solution without using jQuery, but if you have a solution that works with it, that would be okay.</p>