JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <form>
            <div id="source">
                Source:
                <div>
                    <input type="checkbox" checked="checked">
                </div>
            </div>
            <div id="target">
                Target (cloned using HTML - fails in IE9):
                <div></div>
            </div>
            <div id="target-without">
                Target (cloned without HTML):
                <div></div>
            </div>
            <p style="padding: 1em">
                Note that in IE9 the target (cloned using HTML) checkbox is not checked, confirming that <a href="http://bugs.jquery.com/ticket/10550">#ticket 10550</a> is in fact a bug, and relates to the html() call after a clone.
            </p>
        </form>
    </body>
</html>

JavaScript

$(function() {
    var html = $('#source div').clone().html();
    $('#target div').html(html);
    $('#target-without').append($('#source div').clone());
});