Dynamically created checkbox won't work on mobile Safari

Please check this fiddle out:

http://ift.tt/1K5Gbh6

var div = document.createElement("div");
div.checkbox = div.appendChild(document.createElement("input"));
div.checkbox.type = "checkbox";
document.body.appendChild(div);

Now try it on a desktop browser. It will work. But if you try it on mobile safari, when you click it, it will open tweeter (?!) and also will not change status (check symbol not shown).

What I do wrong?