I have 1 dropdown list that list all employers (option value is the employer ID).

When user select in this list an employer, i create (in jQuery / AJAX) another dropdown list with contact person working for the selected employer.

when user select a contact person from this second list, i would like to display the contact person email into a simple input textbox.

my problem is that selecting the contact person does not display his email into the input textbox.

using FireBug i saw that my second list (contact persons) do not run the ajax call :(

here is my code:

2. function ajaxGetContacts(){
3. var targ = jQuery("select[name='jform[employer_id]']");
4. var url="index.php?option=com_rgtmyra&view=job&layout=edit&task=job.getcontacts&emp_id="+targ.val();
5. var a=new Request.JSON({
6. url:url,
7. method:'get',
8. onSuccess: function(response){
9. jQuery('.updated-contact').html(response.html);
10. }
11. }).send();
12. }
16. function ajaxGetContactEmail(){
17. var targ = jQuery("select[name='jform[contact_id]']");
18. alert("contact id "+targ.val());
19. var url="index.php?option=com_rgtmyra&view=job&layout=edit&task=job.getcontactemail&c_id="+targ.val();
20. var a=new Request.JSON({
21. url:url,
22. method:'get',
23. onSuccess: function(response){
24. jQuery("input[name='jform[application_email]']").val(response.html);
25. }
26. }).send();
27. }
28. 
    
29. jQuery("#jform_employer_id").change(
30. function(){
31. alert("change employer ID");
32. ajaxGetContacts();
33. });
35. jQuery("#jform_contact_id").change(
36. function(){
37. alert("change contact ID");
38. ajaxGetContactEmail();
39. });
40. 
    
41. // to initialize the form
42. ajaxGetContacts();
44. ajaxGetContactEmail();

I know that both ajax methods and their return value are ok because i tested them..

i just have the feeling that when the first dropwdown is created, the function:

2. jQuery("#jform_contact_id").change(
3. function(){
4. alert("change contact ID");
5. ajaxGetContactEmail();
6. });

is not available... 

any idea ?

thx.