Question: 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)

```
  <ul id="Menu A">
      <li id="submenu">My Submenu with Clicky Events</li>
  </ul>
  <ul id="Menu B">
      <!--This is where I want to move #submenu (with) all its' events intact -->
  </ul>

```

I've tried the following without success:

```
    var submenu = $('#submenu').clone(true,true);
    submenu.prependTo('.Menu B'); 

```

Ideally, I can find a solution without using jQuery, but if you have a solution that works with it, that would be okay.

Answer: 
Have you tried it with either:   

- `cloneNode(true|false)` and `removeChild()` or  

- `replaceChild()`

yet?

EDIT:
Here the example you asked for: I'll move the yahoo's menubar on the left hand side to the center. The moved menubar will have all the functionalities that it has before. (I hope that's the example you're expecting)

To make it more clear I'll use the Chrome developer tools. (the code works the same as in Firebug with Firefox)

1. Use the browser Google Chrome and go to <https://de.yahoo.com/?p=us>
2. [ctrl.]+[shift]+[j] in order to open developer tools.
3. [esc] in order to open the console in the dev tools.

type in the console the following things:

```
var myNode=document.querySelector("#nav-col-holder");// the element you want to move
var newNode=myNode.cloneNode(true);//it's complete clone with all the children node
var insertLocation=document.querySelector("#yui_3_8_1_1_1413153166615_364");//the location you want the clone to move to

```

Analyse where exactly you want the clone to remove to. Use `dir(insertLocation)` to get the exact target position. In this ex. I'll just put it before the 6th childNode of insertLocation

```
insertLocation.insertBefore(newNode, insertLocation.childNodes[5]);//the clone node is at the target position
myNode.parentNode.removeChild(myNode);//remove the original node

```

Now, you should see that I have just moved the menubar at the left hand side to the center of the page without loosing any functionalities of this menubar.

Hope I could help out. Bye.
You are using id twice. Try this:

```
  <ul id="menua">
      <li id="submenua">My Submenu with Clicky Events</li>
  </ul>
  <ul id="menub">
      <li id="submenub">My Submenu missing Clicky Events</li>
  </ul>

```

And .js:

```
$( "#submenua" ).clone().prependTo( "#submenub" );
// If you want to move instead of clone, add this line:
$("#menua #submenua").remove();

```