jQuery confliction for Autocomplete

Question

I have loaded two jQuery versions on my page;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>var jq = jQuery.noConflict();</script>

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

I am trying to use the Autocomplete plugin from https://github.com/devbridge/jQuery-Autocomplete/ (it doesn't work with 1.4.2) so I have to add 1.9.1 jQuery version.

I cannot remove 1.4.2 at all, as removing so breaks my existing code.

I have tried changing the order of the libraries but no luck.

FYI jq("#elem").hide(); etc. works and other jQuery native stuff. but when I use it to bind autocomplete plugin, it fails driving me crazy;

binding as jq('#searchbox').autocomplete(); the error I see in console is

TypeError: jq(...).autocomplete is not a function

PS: I have also tried <script>var jq = jQuery.noConflict(true);</script> without success.

Thank you for any help!

Answer 1

Does this work you. I got no error on this.

 jq('#autocomplete').autocomplete({});

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.2.27/jquery.autocomplete.min.js" type="text/javascript"></script> <script type="text/javascript"> var jq = $.noConflict(true); </script> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <input type="text" name="country" id="autocomplete"/> no error