javascript - Appending HTML Dynamically with Jquery returns [Object object] -

i trying define basic html:

<ul id="menu" style="display:none">     <li><a class="actions" href="1">1</a></li>     <li><a class="actions" href="2">2</a></li>     <li><a class="actions" href="3">3</a></li> </ul> 

and append dynamically using jquery so:

$('#container').append($('#menu')).show() 

however that's returned physical object:

<div id="container">[object object]</div> 

can menu div appended in fashion?

update: revised show() placed, outcome remains same

while might work, run .show() after append items page. .append not expect function, it's expecting dom element, may cause of problems.