jquery - フィールドを動的に追加する

Question

私の状況はこれです..リンクをクリックして（カテゴリを追加）、ajax呼び出しで入力される選択（カテゴリとサブカテゴリ）のペアを作成します。問題は、カテゴリを追加するリンクをクリックするたびにこれを行う必要があることです。私はこれを試しましたが、最初にしか機能しません:

$('.cat').change(function(){
             var Id =  $(this).val();          
             var url = Routing.generate('route_to_retrieve_subcategory');

            $.post(url, 
            { 'idCat': Id  
            }, function(results){
                var sub = $('.cat').parent().find('select[name*="[subCategory][]"]');
                sub.empty();
                $.each(results , function(key, value) { 
                    sub
                    .append($("<option></option>")
                    .attr("value",value.id)
                    .text(value.subCategory));
                });
            });
});

各選択カテゴリには、クラス「猫」があります。これを動的にするにはどうすればよいですか？