[jQuery] Jquery Ajax load()

[adwivedi]

Hi,

I am using the command,
$("#divId").load('url');
my development is in J2EE(JSP).
The problem is the content loaded by this command is not accessible to
other jquery scripts.
like if i have cascading dropdowns. the user selects first dropdown,
based on its value the other dropdown gets loaded. the newly loaded
dropdown cannot be selected by using any selector expressions. i
cannot use the $("#newdropdown").change().

What is the problem. is it that the DOM is not being updated?
Will other jquery commands like $.ajax() solve the problem?
(Code for refrence below)
Regards
Abhinav

HTML:

<div id="dropdown1div">
  <select id="dropdown1">
    <option value="Apparel">Apparel</option>
    <option value="Shoes">Shoes</option>
  </select>
</div>
<div id="dropdown2div"></div>  <!-- gets dynamically loaded to chose
the type of apparel or shoe-->
<div id="dropdown3div"></div>  <!-- gets dynamically loaded to chose
the brand-- >

Script:

$(function(){
    $(select#dropdown1).change(function(){
      $("div#dropdown2div").load('dropdown1.html');
    });
});

$(function(){                                                    //
This is not working
    $(select#dropdown2).change(function(){
      $("div#dropdown3div").load('dropdown2.html');
    });
});