jQuery Forum

Im having a problem with including a autocomplete jquery text box within a jquery fancybox. The autocomplete textbox seems to work fine if it is out of the fancybox but as soon as I use it within the fancybox it doesnt work at all...Almost like you cant use jquery within jquery?

Code is as follows:

<script type="text/javascript" src="site/themes/ama/js/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="site/themes/ama/fancyBox/jquery.fancybox.js"></script>
<link rel="stylesheet" href="site/themes/ama/fancyBox/jquery.fancybox.css" type="text/css" media="screen" />

<script>
var availableTags = [test1,test2,test3];
$(document).ready(function(){
$( "#tags" ).autocomplete({
   source: availableTags
  });
  $(".fancybox").fancybox();
});
</script>

The fancybox div is below

This is the textbox that isnt working as a autocomplete textbox.

Thanx for any help!