[HTML][AJAX][PHP]Problem z ff przy zależnych polach formularza Opcje

[hankos0]

Witajcie. Po bezskutecznych próbach samodzielnego poradzenia sobie z problemem proszę Was o pomoc.
Potrzebuję mieć w formularzu na stronie dwa pola (jedno zależne od drugiego), do tego korzystające z autouzupełnienia.
W tym celu przerobiłam nieco sprypt ze strony http://www.blueicestudios.com/chained-sele...php-mysql-ajax/ . Teraz mam tak:
plik html

[HTML] pobierz, plaintext 
<script type="text/javascript" >
$(document).ready(function() {
	$('#wait_1').hide();
	$('#drop_1').change(function(){
 
	  $('#result_1').hide();
      $.get("func.php", {
		func: "drop_1",
		drop_var: $('#drop_1').val()
      }, function(response){
        $('#result_1').fadeOut();
        setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
 
      });
    	return false;
    }).trigger("change"); //trigger the change event that you just created
});
 
function finishAjax(id, response) {
  $('#wait_1').hide();
  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn();
}
</script>
 
<form method="post"  action="">
 
<div class="form_left">
	<p>opcja 1: </p>
</div>
<div class="form_right">
    <?php getTierOne(); ?>
    <span id="wait_1" ></span>
</div>
<div class="form_left">
   <p>opcja 2: </p>
</div>
<div class="form_right">
<span id="result_1" class="person_form" ></span> 
</div>
</form>
[HTML] pobierz, plaintext 

plik funk.php

[PHP] pobierz, plaintext 
<?php
function getTierOne()
{
?>
<script>
$(function() {
var availableTags = [<?php mysql_connect('localhost', 'root', 'pass') or die(mysql_error()); mysql_select_db('baza') or die(mysql_error());mysql_query('SET NAMES utf8');$result = mysql_query('SELECT DISTINCT opcja1 FROM short') or die(mysql_error());while($tier = mysql_fetch_array( $result )) {echo '"'.$tier['opcja1'].'",';}?>];
$( "#drop_1" ).autocomplete({
source: availableTags
});
});
</script>
<?php
		   echo '<input name="drop_1" id="drop_1" value="" />';
 
}
 
//**************************************
//     First selection results     //
//**************************************
if($_GET['func'] == "drop_1" && isset($_GET['func'])) { 
   drop_1($_GET['drop_var']); 
}
 
function drop_1($drop_var)
{  
?>
<script>
$(function() {
var availableTags = [<?php mysql_connect("localhost", "root", "pass") or die(mysql_error());mysql_select_db("baza") or die(mysql_error());mysql_query('SET NAMES utf8');$result = mysql_query("SELECT * FROM short WHERE opcja1='$drop_var'") or die(mysql_error()); while($drop_2 = mysql_fetch_array( $result )) {echo '"'.$drop_2['opcja2'].'",';}?>];
$( "#tier_two" ).autocomplete({
source: availableTags
});
});
</script>
	<?php	
	echo '<input name="tier_two" id="tier_two" value="" />';
}
?>
 
[PHP] pobierz, plaintext 

I problem:
W FF śmiga aż miło, natomiast w IE wczytuje się tylko pierwsze pole, drugi zależny input ani drgnie. Pomóżcie proszę.

[devbazy]

Uroki IE, można było się tego spodziewać. W jakiej konkretnie wersji IE występuje ten problem?

[hankos0]

Ja testuję na IE8 ale właśnie zauważyłam, że w google chrome też mam ten problem.

Nikt nie ma pomysłu jak to rozwiązać?