title: jQuery UI autocomplete: Getting reference to the ul
body: <p>I have 4 jQuery autocomplete textboxes. I need to add some style to one particular autocomplete list.</p>
  
  <p>The ul is added to the body with the class <code>ui-autocomplete</code>. There is no link that would say which <code>ul</code> belongs to which textbox. </p>
  
  <p>So i need to add the style to the UI after the Ajax Success or some  option that comes with </p>
  
  <pre><code>$("#srchList").autocomplete(
   source: function (request, response) {
            $.ajax({  .....
                          success: function (d) {
                           },
                      ......
                   });
            },
   open: ....
   select : .....
  ).data('autocomplete')._renderItem = function (liObj, item) {
      //Position the Autocomplete dropdown. This is not working !!!
      //$(liObj).parent().css({ 'margin-left': '-18px' });
  
      //Style the dropdown Item. (this works. the li is returned as string to jQuery UI and is added by the jQuery UI to the ul)
      return $("&lt;li class='dropItem'&gt;&lt;/li&gt;")
            .data("item.autocomplete", item)
            .append($("&lt;a&gt;&lt;/a&gt;").html(item.label))
            .appendTo(liObj);
  };
  </code></pre>
  
  <p>There are some options like open :, positon: etc. But none of them get the ul-control for me to apply the css style over it.</p>
  
  <p>Please help me to get the reference to the ul for one particular textbox.</p>
  
  <p>DOM Structure: The textbox is somewhere inside the <code>&lt;form&gt;</code></p>
  
  <p><img src="https://i.stack.imgur.com/hrrwf.png" alt="enter image description here"></p>
  
  <p>Thanks in advance.</p>