I'm using 2 selectpicker in my webpage. One is working fine which is directly get data from php, but another one is not working which appends data from ajax.

$('#groups').change(function () {
    var isVAl = validateGroup();

    if(isVAl){
        var group = $('#groups').val(); 
        $.ajax({
            url: 'financeentryfiles/getLedgerView.php',
            type: 'POST',
            data: {"group":group},
            dataType: "JSON",
            success:function(response){
                if(response.ledgerid.length == 0){
                    $("#ledger").empty();
                    $("#ledger").prepend("<option value=''>"+'Select Ledger'+"</option>");
                }else{
                    $("#ledger").empty();
                    $("#ledger").prepend("<option value=''>"+'Select Ledger'+"</option>");
                    for(r=0;r<=response['ledgerid'].length-1;r++){
                        $("#ledger").append("<option value='"+response['ledgerid'][r]+"'>"+response['ledgername'][r]+"</option>");
                    }
                    $("#ledger").selectpicker('refresh');
                }
            }
        }); 
    }