Tengo un formulario con 2 combobox dependientes: Combo A y Combo B:

Cuando hago nuevo registro no hay problema selecciono A y se muestra en B lo que le pertenece, selecciono y se registra en mi DB.

Mi inconveniente es cuando ya deseo editar el registro, cargo los datos en ese formulario(incluido Combo A con sus datos y se auto selecciona su valor que es) pero cuando también deseo cargarle en el combo B depende de lo que se cargo en Combo A y autoseleccionarlo el valor que se paso, pero ello no funciona

Lo tengo así:
Articulo(Obtengo los datos del registro a editar)

    function getArticulo(pIdArticulo){
	getSeccion('cboSeccionArticulo')
	$.ajax({
		url:'articulo/'+pIdArticulo+'/edit',
		type: 'GET',
		dataType:'JSON',
		success:function(data){
			getCategoriaxSeccion('cboCategoriaArticulo',data.seccion_articulo)
			$('#cboSeccionArticulo').val(data.seccion_articulo);
			$('#cboCategoriaArticulo').val(data.categoria_articulo);
		}
	})}


    function getSeccion(pContenedor){
	$.ajax({
		url: 'seccion/',
		type: 'GET',
		dataType: 'JSON',
		success: function(response){
			$('#'+pContenedor).empty()
			$('#'+pContenedor).append('<option value="">'+'[ Selecciona ]'+'</option>')
			for (var i =0; i<response.length; i++) {
				$('#'+pContenedor).append('<option value="'+response[i].id_seccion+'">'+response[i].detalle_seccion+'</option>')
			}
		}
	})}

    function getSeccion(pContenedor){
	$.ajax({
		url: 'seccion/',
		type: 'GET',
		dataType: 'JSON',
		success: function(response){
			$('#'+pContenedor).empty()
			$('#'+pContenedor).append('<option value="">'+'[ Selecciona ]'+'</option>')
			for (var i =0; i<response.length; i++) {
				$('#'+pContenedor).append('<option value="'+response[i].id_seccion+'">'+response[i].detalle_seccion+'</option>')
			}
		}
	})
}

Entiendo que la llamada es asíncrona, pero alguien sabe alguna manera de hacerlo o hay alguna propiedad que no estoy considerando?