jquery - Targetting Iframe with Form causes new window to open

Question

I am working in chrome v. 12.

I have a jquery call which creates an iframe

$(document).ready(function(){

$('<iframe />').appendTo('body').attr({'id': 'iframeUploader', 'name':'iframeUploader'}).hide();
});

when I use a form to upload, chrome opens a new window instead of targetting the iframe

<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="upload.php?productID=1074" target="iframeUploader">

Can anyone spot what I am doing wrong? I'm pulling my hair out!

Thanks!

Answer 1

Read here: http://terminalapp.net/submitting-a-form-with-target-set-to-a-script-generated-iframe-on-ie/ Indeed, after I switched to this:

 $('<iframe name="iframeUploader"/>').appendTo('body').attr({'id': 'iframeUploader'});

it worked. Tried it in IE8 and FF3.6