title: accessing li's rel value when hovered within ul with id mainmenu3
body: <p>im creating a 2 level jquery menu that when a list element is hovered upon a div is shown with a name matching the li's rel="divname" value</p>
  
  <p>i have been matching it using the following code</p>
  
  <pre><code>$this.find("&gt;li").hover().attr('rel');
  </code></pre>
  
  <p>but how do i only access the first level of li's that fall within  using this jquery code if i have the following html?</p>
  
  <pre><code>&lt;ul class="Menu" id="mainmenu3"&gt;
          &lt;li rel="accounts"&gt;&lt;a href="/admin/users"&gt;ACCOUNTS&lt;/a&gt;&lt;/li&gt;
          &lt;li rel="analytics"&gt; &lt;a href="/admin/analytics"&gt;ANALYTICS&lt;/a&gt;&lt;/li&gt;
          &lt;li rel="tags"&gt;&lt;a href="tags"&gt;TAGS&lt;/a&gt;&lt;/li&gt;
          &lt;li rel="settings"&gt;&lt;a href="/admin/settings"&gt;SETTINGS&lt;/a&gt;&lt;/li&gt;
          &lt;li rel="logout"&gt;&lt;a href="login/logout"&gt;LOGOUT&lt;/a&gt; &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>