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 JavaScript you don't have to `clone()` the node you want to move, just get a reference to it and then insert it wherever you want, for example:

```
// simple function to demonstrate a click-handling:
function spanClick (){
    // message to demonstrate that the function still works
    // without having to worry about cloning:
    console.log("So, you've clicked the span.");
    // moving the element elsewhere:
    div.appendChild(this);
}

// references to the various elements:
var span = document.getElementById('demo'),
    div = document.getElementById('recipient');

// assigning the click event-handler:
span.addEventListener('click', spanClick);

```

```js
function spanClick() {
  console.log("So, you've clicked the span.");
  div.appendChild(this);
}

var span = document.getElementById('demo'),
  div = document.getElementById('recipient');

span.addEventListener('click', spanClick);
```

```css
span {
  color: #f90;
}
div {
  border: 1px solid #000;
  margin: 1em;
}
div span {
  color: #0f0;
}
```

```html
<p>If you click the following <code>span</code> element, you'll log a message to the console (<kbd>F12</kbd>), and move it to inside the following <code>div</code> element. <em>It will still trigger the message</em>.</p>
<span id="demo">This is the <code>span</code></span>
<div id="recipient"></div>
```

`cloneNode()`, or `clone()`, is only required if you need to, for whatever reason, duplicate the node.

References:

* [`EventTarget.addEventListener()`](https://developer.mozilla.org/en/docs/Web/API/EventTarget.addEventListener).
* [`Node.appendChild()`](https://developer.mozilla.org/en-US/docs/Web/API/Node.appendChild).
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();

```