title: Selenium IDE : Select an href in a jquery ui dropdown menu
body: <p>I'm using Selenium IDE with firefox to run test on my website, when I'm recording and I click an item in a list, it only gives me one action : 
  Click : css=span.ui-selectmenu-status</p>
  
  <p>I would like to pick an item from the list but the class and ID are loaded dynamicly because the site is running with JQUERY UI here. </p>
  
  <p>I'm trying with :</p>
  
  <p>Click : <code>//div[@id='hlevel-menu']/a[.='CATS']</code> </p>
  
  <p>But it return an error : not found.. </p>
  
  <p>I guess it's wrong or super wrong, if someone knows how to do it, please help :)</p>
  
  <p>Here is the part of code I'm looking for : </p>
  
  <pre><code>&lt;div class="dceui ui-selectmenu-menu ui-selectmenu-open" style="z-index: 1; top: 363px; left: 699.5px;"&gt;
  
      &lt;ul id="hlevel-menu" class="ui-widget ui-widget-content ui-selectmenu-menu-dropdown ui-corner-bottom bg_education_icon" aria-hidden="false" role="listbox" aria-labelledby="hlevel-button" style="width: 121px; height: auto;" aria-disabled="false" aria-activedescendant="ui-selectmenu-item-331"&gt;
  
      &lt;li class="" role="presentation"&gt;
          &lt;a id="" href="#nogo" tabindex="-1" role="option" aria-selected="false"&gt;- Please choose -&lt;/a&gt;
      &lt;/li&gt;
  
      &lt;li class="" role="presentation"&gt;
          &lt;a href="#nogo" tabindex="-1" role="option" aria-selected="false"&gt;DOGS&lt;/a&gt;
      &lt;/li&gt;
  
      &lt;li class="" role="presentation"&gt;
          &lt;a id="" href="#nogo" tabindex="-1" role="option" aria-selected="false"&gt;CATS&lt;/a&gt;
      &lt;/li&gt;
  
      &lt;li class="ui-corner-bottom ui-selectmenu-item-selected" role="presentation"&gt;
          &lt;a href="#nogo" tabindex="-1" role="option" aria-selected="true" id="ui-selectmenu-item-331"&gt;PIGS&lt;/a&gt;
      &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks a lot !</p>