You create a Web page that contains the following code.
<script type=”text/javascript”>
var lastId = 0;
</script>
<div class=”File”>
Choose a file to upload:
<input id=”File0″ name=”File0″ type=”file” />
</div>
<input id=”AddFile” type=”button” value=”Add a File” />
<input id=”Submit” type=”submit” value=”Upload” />
You need to provide the following implementation.
Each time the AddFile button is clicked, a new div element is created.
The new div element is appended after the other file upload div elements and before the AddFile span.
Each new element has a unique identifier.
Which code segment should you use?

A.
$(“#AddFile”).click(function () {
var id = “File” + ++lastId;
var item = $(“.File:first”).clone(true);
$(“input:file”, item).attr({ id: id, name: id });
item.insertBefore(“#AddFile”);
});

B.
$(“#AddFile”).click(function () {
var id = “File” + ++lastId;
$(“.File:first”).clone(true).attr({ id: id, name: id }).insertBefore
(“#AddFile”);
});

C.
$(“#AddFile”).click(function () {
var id = “File” + ++lastId;
});

D.
$(“#AddFile”).click(function () {
var id = “File” + ++lastId;
var item = $(“.File:first”).clone(true);
$(“input:file”, item).attr({ id: id, name: id });
item.insertAfter(“input[type=file]”);
});