Untitled

Why does my jQuery change function not work after loading AJAX?
var types = "<select name='ve_categoryNo' id='ve_categoryNo'>";
var d = new Date();
$.get('scripts/vehicle_category_feed.php?date='+d.getTime(), function($type) {
    $($type).find('type').each(function() {
        types += "<option value='"+$(this).attr("categoryno")+"'>"+$(this).attr("category")+"</option>";
    });
    types += "<option value='other'>Other(Specify)</option></select>";
    $('#ve_categoryNo_td').html(types);
});
$(document).ready(function() {
    $('input[type=text]').click(function() {
        $(this).select();
    });

    $('#vehicle_entry').ajaxForm(function() {
        showMessage('vehicle_information_added');
    });

    $('#ve_ariNo').jStepper({minValue:1, maxValue:99999999});
    $('#ve_fleetNo').jStepper({minValue:1, maxValue:999999999});
    $('#ve_vehicleYear').jStepper();
    $('#ve_purchasePrice').jStepper({minValue:0});

    $('#ve_categoryNo').change(function() {
        if((this.value) == "other") {
            $('#otherCategory').show();
            $('#otherCategory input[type=text]').focus();
        } else {
            $('#otherCategory').hide();
        }
    });
});

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

$(document).on('change', '#ve_categoryNo', function() {

$('#ve_categoryNo_td').on('change', '#ve_categoryNo', function() {

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

$('#ve_categoryNo').live('change', function() { ... });