title: jQuery UI autocomplete is not working after jQuery load function
body: <p>I'm trying to use jQuery UI autocomplete function and it works great untill I replace data with jQuery load() function. After this nothing works - there is complete silence.</p>
  
  <p>My html code looks like this:</p>
  
  <pre><code>&lt;div class="ui-widget"&gt;
           &lt;label for="search"&gt;Search: &lt;/label&gt;
           &lt;input id="search"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my js code:</p>
  
  <pre><code>function enableAutocomplete(){
  $( "#search" ).autocomplete({
      source: function( request, response ) {
          $.getJSON( "/Controller/search", {
              term: request.term
          }, response );
      },
      minLength: 2,
      select: function( event, ui ) {
          (...something going on here, doesn't matter...)
  
      }
  });
  }
  </code></pre>
  
  <p>}</p>
  
  <p>After the load() returns successfully, I call enableAutocomplete() to bind once again the autocomplete event with my selected element. I've read somewhere on this forum, that I should do so. But since this time, nothing happens. The autocomplete is never called after typing. I debugged it in the console and record everything in the timeline(Chrome dev tools), and, like I said - there is complete silence. 
  Does anybody have any idea, why??</p>