Не работает атрибут type: 'hidden'

/*функция создания элемента страницы, с массивом атрибутов для создаваемого элемента,
а также создаваемый элемент, создается внутри другого элемента*/
function createElemWithAttrsIntoElem(elem, attributes, intoElem) {
    $(elem, attributes).appendTo(intoElem);
}
 
var selectorInputTxt = "inputTxt";
 
 
function createInputForTxt(){
 
    createElemWithAttrsIntoElem('<input>', {
        class: selectorInputTxt,
        type: 'hidden',
        name: 'id', /*имя, по которому будем обращаться к данному полю input*/
        value: "1",
      //  placeholder: 'Ввод текста', /*подсказка в поле ввода*/
        maxlength: "15",/*максимальное количество элементов в поле ввода*/
        ['readonly']: false, /*только для чтения*/
        ['required']: true,
        ['size']: "50"
    },
    'body')
}

 type: "hidden",

 ['readonly']: 'readonly', /*только для чтения*/

function createInputForTxt(){
    createElemWithAttrsIntoElem('<input>', {
        class: selectorInputTxt,
        name: 'id', /*имя, по которому будем обращаться к данному полю input*/
        value: "1",
      //  placeholder: 'Ввод текста', /*подсказка в поле ввода*/
        maxlength: "15",/*максимальное количество элементов в поле ввода*/
        ['readonly']: true, /*только для чтения*/
        ['required']: false,
        ['size']: "50",
      
    },
    'body');
    applyStyle("." + selectorInputTxt, { 'border': 'solid 1px white' })
}
 
/*Применение стиля*/
function applyStyle(selector, style) {
    $(selector).css(style);
}