Conforme descrito no titulo, segue o exemplo abaixo:


---- HTML 


    <form id="nameGenderForm">
    <table id="teste">
         <tr>
                <th >Name</th>
                <th >Gender</th>
            </tr>
         <tr>
                <td id="11"><input type="hidden" name="11" value=""></td>
                <td  id="12"><input type="hidden" name="12" value=""></td>
            </tr>
        <tr>
                <td  id="21"><input type="hidden" name="[21].value"  value=""></td>
                <td  id="22"><input type="hidden" name="[22].value"  value=""></td>
            </tr>
    </table>
        <input type="submit" />
    </form>


---- SCRIPT


    $("#nameGenderForm").submit(function(event) {
        event.preventDefault();
    
       $("input[name=11]").val("AAAA")
        $("input[name=22]").val("BBBB")
       
        
       //$("input[name=[21].value]").val("FFFF")  // aqui: como obter nesse caso?
       //$("input[name=[22].value]").val("ZZZZZ")
       
        rawData = $('#teste input:hidden').serializeArray();
        var formData = JSON.stringify(rawData);
        
         alert(formData);
        
    });




Para facilitar, coloquei no JSFiddle https://jsfiddle.net/leandrotss/jf5dg98o/4/