제이쿼리 셀렉터 질문 입니다.

<li class="on_menu" ><a href="#">주메뉴</a>
  <ul>
    <li><a href="#">1차서브 A </a>
      <ul>
       <li><a href="#">2차</a></li>
       <li><a href="#">2차</a></li>
       <li><a href="#">2차</a></li>
      </ul>
    </li>
    <li><a href="#">1차서브 B </a>
    <li><a href="#">1차서브 C </a>
    <li><a href="#">1차서브 D </a>
  </ul>
</li>​

다차원 메뉴를 구성중 입니다

위와 같이 되 있을때

1차 서브메뉴만 뽑아오고 싶은데

var on_sub = $(".on_menu").children("ul:eq(0)").html()

이렇게 하면 2차메뉴까지 같이 셀렉트 되네요

부탁드립니다.