How to show a list view in jquery?

            <style>
                 .ui-menu {
                     width: 180px;
                 }
             </style>


         <ul id="menu">
             <li>
                 Vegetables
             </li>
             <li>
                 Fruits
                 <ul>
                     <li>
                         Apple
                     </li>
                     <li>
                         Banana
                     </li>
                     <li>
                         Orange
                     </li>
                     <li>
                         Grapes
                     </li>
                     <li>
                         Mango
                     </li>
                 </ul>
             </li>
             <li>
                 Soaps
                 <ul>
                 <li>
                     Cintol
                 </li>
                 <li>
                     Rexona
                 </li>
                 <li>
                     Lux
                 </li>
                 <li>
                    Pears
                 </li>
                 <li>
                     Mysore sandle
                 </li>
             </ul>
             </li>

             
             <li>
                 Sanitary
             </li>
             <li>
                 Electronic
             </li>
         </ul>

         <script>
             $("#menu").menu();
             
         </script>