Using change(); twice for same div causing problems
<p>UPDATE** This is probably too much code.  But... heres the situation.  I have a search at the top of the page.  I use some fancy jQuery so when you click on a select option(#categoris) a new select option(#type) appears next to it.<p></p>  Now, I have another change event.  On keyup of any text field or change of any select, an ajax search is fired.  This works on everything but #type.  #type is the select option that pops out from #categories on change();  So, I need change to work on #type.<p></p>  Here's the code pop out the #type select option.  You can just skim.  Code works fine...</p>

<pre><code>    $(document).ready(function() {

    $('#category').change(function() {

        var category = $('#category').val();
        //CATEGORIES...

            // any_type / NULL
            var any_category = '&lt;div id="type_holder_line"&gt;&lt;/div&gt;';
            // Music
            var music = '&lt;div id="type_text"&gt;Type&lt;/div&gt;&lt;img src="app/search/images/arrow.gif" id="arrow" /&gt;&lt;select name="music_type" id="type"&gt;&lt;option value="any_style" selected="selected"&gt;Any Style&lt;/option&gt;&lt;option value="Jazz"&gt;Jazz&lt;/option&gt;&lt;option value="Rock"&gt;Rock&lt;/option&gt;&lt;/select&gt;';

            // Restaurants
            var restaurant = '&lt;div id="type_text"&gt;Type&lt;/div&gt;&lt;img src="app/search/images/arrow.gif" id="arrow" /&gt;&lt;select name="restaurant_type" id="type"&gt;&lt;option value="Japanese"&gt;Japanese&lt;/option&gt;&lt;option value="Mexican"&gt;Mexican&lt;/option&gt;&lt;/select&gt;';

            if($(this).val() == 'Any Category') {
                $('#type_holder').html(any_category);
                }

            if($(this).val() == 'music_page') {
                $('#type_holder').html(music);
                }
            if($(this).val() == 'restaurant_page') {
                $('#type_holder').html(restaurant);
                }
            });
</code></pre>

<p>Here, is the change();.  #type should instantiate the search on change();  But, doesn't either because it's made from #categories on change();.  Or, because I'm using change(); twice.</p>

<pre><code>                // *** START *** keyup / change (for select option)
                $('#loc, #dist, #category, #type, #search_title').bind('keyup change', // HERE, #type is ignored because it's created from #categories on change(); function() {
                    var loc = $('#loc').val();
                    var dist = $('#dist').val();
                    var category = $('#category').val();
                    var type = $('#type').val();
                    var search_title = $('#search_title').val();



                    if(loc == '' &amp;&amp; search_title != '') {

                        $.post('http://localhost/app/search/page_type/music_spot/search.name.php', {

                                                                  category:category,
                                                                  type:type,
                                                                  search_title:search_title

                                                                  },
                            function(data) {
                                $('#front_left').html(data);
                                });

                        }



                });
        });
</code></pre>
