Expected behavior To have all selects initialized independently

Actual behavior selects inherit props from the very 1st one

Resources (screenshots, code snippets etc.)

    let selectobjs = []
    function addseqstep() {
        var targettable = $("#procedurestepstbl tbody");
        targettable.append(generaterow()); // genrow returns "<TR><TD><select .../></TD></TR>"
        let selectobj = targettable.find('tr').last().find('td').eq(1).find('select');
        console.log(selectobj.val());
        selectobjs.push(new mdb.Select(selectobj[0]));
        stepscount = stepscount + 1;
    }

I have an app, which dynamically generates the select tags and puts them into table. How to properly initialize them as a mdb.Select object ? Currently instantiating works properly just for a 1st object, subsequent are just inheriting props from the very 1st one ... Any hints ?

Best,Mateusz