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: 
With jQuery you can use [.appendTo()](https://api.jquery.com/appendto/)

```
$('#element_to_move').appendTo('#PARENT_at_destination');

```

jQuery will cut it from its present location and move it to the new location, without losing bindings etc. *However, styles could be affected because the DOM location will change.*

This could also be helpful: <https://api.jquery.com/detach/>
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();

```