Browser autofill not working on dynamically appended DOM element

See more:

jQuery

auto-complete

modal

I am using jquery modal plugin to raise modal forms on a page. If I make the modal form visible on page load (not yet operated upon by the plugin), the browser's autofill functionality works fine. When I raise the modal form using jquerymodal (where it appends the modal element to the body) the autofill no longer works. Any idea as to why?

What I have tried:

I have tried setting autocomplete, but this is different from autofill. Since the original code that is hidden and raised as modal is within tags but gets appended to the body by the plugin so it is outside the form tags, I've tried to get rid of the form tags and it makes no difference.