menuOrder is an empty div

$("#menuOrder").append('<table>');
                $(menus).each(function(i, menu) {

                    $("#menuOrder").append('<tr><td>');
                    $("#menuOrder").append(menu.text);
                    $("#menuOrder").append('</td><td>');

                    if (i > 0) {
                        $("#menuOrder").append('<img src="/images/_images/up.png" />');
                    }
                    else {
                        $("#menuOrder").append('<img src="/images/_images/blank.png" />');
                    }

                    if (i < menus.length - 1) {
                        $("#menuOrder").append('<img src="/images/_images/down.png" />');
                    }

                    $("#menuOrder").append('</td>');
                    $("#menuOrder").append('</tr>');

                });

                $("#menuOrder").append('</table>');

this code not work properly, how can i change it with mininun iterations?