jquery adicionou dinamicamente a caixa de seleção .attr ("marcado", true) não está funcionando

Com base em alguns dados, estou clonando uma div com uma caixa de seleção e verifique se o valor dos dados é "True" e, em seguida, acrescente a uma div de destin

using jquery 1.5.2

@ IE8 funciona no modo de compatibilidade, não funciona de outra forma. FF não funciona.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="scripts/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {          
            // test data
            var data = [{ "CB": "True" }, { "CB": "False"}];

            var theClone = $("#clone").clone(true);
            var temp = "";

            if (data !== null) {
                $.each(data, function (i, d) {
                    var cb = theClone.find('.cbClass');

                    if (d.CB === "True") { 
                        //cb.attr("checked","checked"); //doesn't work
                        //cb.val(true); //doesn't work
                        //cb.attr("checked", true); //doesn't work

                    }

                    temp += theClone.html();
                });
            }
            $("#target").append(temp);    
        });
    </script>
</head>
<body>
<div id="target">
    <div id="clone" class="cloneClass" style="display:none">
    <div class="container">
        <input type="checkbox" class="cbClass" />
    </div>
</div>
</div>

</body>
</html>

questionAnswers(4)

yourAnswerToTheQuestion