单选按钮在Internet Explorer中不可见

Question

由于Internet Explorer中存在不同的问题，我正在拉我的头发。我正在尝试创建一个具有单选按钮的网格（通过选择选择框中的值和文本框中的值来显示）。网格在Firefox和谷歌浏览器中工作正常，但在IE中无法正常工作。这是我的java脚本代码。

function contractor_details(data){

for(var i=0;i<data.length;i++){
        var contrator_table = document.getElementById('contractor_detail');
        var cname = data[i].contractor;
        var address = data[i].address;
            }
    $('#enlistmentData').html('');
    if(data.length==1){

        $('#enlistmentData').html('<input type="hidden" name="contname" id="enlistmentinput" value= "'+data[0].contractor+'" />');

    }else{
    $('#enlistmentData').append('<table border="1" style="width:100%" id="enlistmentData_table"><tr><td></td><td><font size=3>Company Name</font></td><td><font size=3>Address</font></td></tr></table>');
$.each(data,function(k,val){
    $('#enlistmentData_table').append('<tr><td align=left><input type="radio" name="contname" value="'+val.contractor+'"></td><td>'+val.contractor+'</td><td>'+val.address+'</td></tr></table>');
        });
    }
}

它只显示表格中的项目，但单选按钮不可见。