title: autocomplete jQuery.noConflict
body: <p>I want to add a new autocomplete input to an existing page, that already uses a bundled version of jQuery. Therefore I need to use <code>jQuery.noConflict()</code>.</p>
  
  <p>Outside of this page my code works fine, but on the existing page I don't know how to get it to work.</p>
  
  <p>I always get an Error <code>$ (...).autocomplete is not a function</code>.</p>
  
  <p>Here the code I use:</p>
  
  <pre><code>// .....code from existing page with already loaded jQuery script 
  
  &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"&gt;
  
  $.noConflict();
  jQuery( document ).ready(function( $ ) {
      /* Make the AJAX request once for the source array: */
      $.getJSON("./mapdata/get_list_json.php", function (data) {
          $("#parzelle").autocomplete({
              minLength: 3,`enter code here`
              source: data,
              dataType: "json",
              select: function(event, ui) {
          // prevent autocomplete from updating the textbox
          event.preventDefault();
          // manually update the textbox and hidden field
          $(this).val(ui.item.label);
          $("#gid").val(ui.item.value);
          }
          });
      });   
  });  
  </code></pre>