clone element with events in javascript

Question

I have an element

<input type="file" id="fileUpload" size="100" name="fileUpload"/>

A change event is bound to this element ie

$('input[type=file]').change(function()
{
alert('changed');
});

I am cloning this element using

var newElement = $('#fileUpload').clone();

and appending newElement to the form

$('form').append(newElement);

Now what happens is that after appending the change event is not bound to the new element. Any idea why this is and how to solve this?

Answer 1

var newElement = $('#fileUpload').clone(true);