[AJAX - JQUERY] Precompilare select a cascata generata con ajax

[oly1982]

Salve.
Ho un form (perfettamente funzionante) che prevede (tra le tante cose) una select a cascata generata con ajax-jquery

form.php

<form id="form_article">
<select name="id_cat">

                <option value="3">tipo A</option>
                <option value="1">tipo B</option>
</select>
<div id="result_list_file"></div>
</form> 

$(document).ready(function()
{
	// select dinamica file allegato
	$('#form_article select[name="id_cat"]').change(function(){
			var id_cat_file = $('#form_article select[name="id_cat"]').attr('value');
			$.post("ajax_dati_form.php", {id_cat:id_cat_file}, function(data){
				$("div#result_list_file").empty();
				$("div#result_list_file").prepend(data);
				});
			});
			
});

ajax_dati_form.php

<?php
include('mie_librerie.php');
$id_cat_post = isset($_POST['id_cat']) ? intval($_POST['id_cat']) : 0;
if($id_cat_post!=0)
    {
    echo select_list_file_category($id_cat_post);
    }
?>

che in output dà una normale select:

<select name="id_file">
					<option id="10">sottotipo 1</option>
					<option id="6">sottotipo 2</option>
			</select>

Il medesimo form viene precompilato in caso di modifica (ovviamente in modo dinamico con php).

Come faccio a precompilare la seconda select generata con ajax?