Magic Suggest focus always on first input

Question

I am about to develop a dynamic inputs inside a panel with magicsuggest function. So i tried to hardcode the elements first in jquery and attached magicsuggest function each. But i am getting issue. As you can see below,

I have "Request", and "Publishers" to magic suggests inputs. The first ("Request") is okay, i can click on the "trigger" and populate data down. But when i click on the "trigger" of the second input ("Publishers") it only focuses on the "Request". As image below:

Both 2 inputs have diff id's. Why is that so? This is the code i used:

 var maa = $('#ms-aut').magicSuggest({
    noSuggestionText: 'No matches',
    useCommaKey: true,
    useZebraStyle: true,
    // hideTrigger: true,
    data: ['ONO Natsume', 'YOSHINAGA Fumi', 'YAMAMOTO Kotetsuko', 'ASADA Nemui'],
    });                 

    var baa = $('#ms-art').magicSuggest({
        noSuggestionText: 'No matches',
        useCommaKey: true,
        useZebraStyle: true,
        //  hideTrigger: true,
        data: ['HAYAKAWA Nojiko', 'ymz', 'YAMAMOTO Kotetsuko', 'ASADA Nemui'],
    });