title: jQuery ui autocomplete and jScrollPane
body: <p>I'm trying to use jQuery ui autocomplete component with jScrollPane to customize the overflow scrollbar</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label&gt;Tags&lt;/label&gt;
  &lt;input type="text" class="input_autocomplete"&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>ul.ui-autocomplete{
  width: 200px;
  max-height: 120px;
  overflow: auto;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  
  }
  ul.ui-autocomplete li{
  line-height:29px;
  height: 29px;
  min-width: 100%;
  border-bottom: 1px solid #FFFFFF;
  background:#dcdcdc;
  }
  ul.ui-autocomplete li:nth-child(2n+1){
  background:#ebebeb;
  }
  </code></pre>
  
  <p>SCRIPT:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  $(function() {
      var availableTags = ["ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme",
      "cia cia",
      "bu bu",
      "ih ih ih"];
  
      var api;
      var autocomplete_init = false;
  
      $( ".input_autocomplete" ).autocomplete({
          source: availableTags,
          open: function(){
                              if(!autocomplete_init){
                                 $('ul.ui-autocomplete').addClass('scroll-pane');
                 api = $('.scroll-pane').jScrollPane().data('jsp');
                                 autocomplete_init = true;
                              } else {
                 api.reinitialise();
                              }
          }
      });
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>the first search is ok, but if I close the autocomplete list and try to reopen with the same research, jScollPane not reinitialize.
  Where I wrong?</p>
  
  <p>thanks for your help </p>