how to build an ordered list for a menu using JQUERY need help
<p>I want to build this DIV with unordered list using jquery for a menu and the data would be coming from a sharepoint list.
I have the main DIV on the area where i want the menu </p>

<pre><code>&lt;div id="menumain"/&gt;
</code></pre>

<p>I have tried doing the below but not too good with JQUERY.
I want to append or add the below DIV to the DIV mainmenu element above
Any help will be appreciated</p>

<pre><code>$("#menumain").find('div')
    .append($('&lt;ul&gt;')
        .append($("&lt;li&gt;&lt;a href=&gt;" + $(this).attr("ows_Group") +  "&lt;/a&gt;&lt;/li&gt;")
            .append($('&lt;/ul&gt;')
             )
        )
    );



&lt;div id="header"&gt;
            &lt;ul id="navbar"&gt;

            &lt;li class="menu"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;

                &lt;ul&gt;

                    &lt;li&gt;&lt;a href="#"&gt;Menu item 1&lt;/a&gt;&lt;/li&gt;

                    &lt;li&gt;&lt;a href="#"&gt;Menu item 2&lt;/a&gt;&lt;/li&gt;

                    &lt;li&gt;&lt;a href="#"&gt;Menu item 3&lt;/a&gt;&lt;/li&gt;

                    &lt;li&gt;&lt;a href="#"&gt;Menu item 4&lt;/a&gt;&lt;/li&gt;

                    &lt;li&gt;&lt;a href="#"&gt;Menu item 5&lt;/a&gt;&lt;/li&gt;

                &lt;/ul&gt;

            &lt;/li&gt;

          &lt;/ul&gt;

         &lt;/div&gt;
</code></pre>
