jQuery form submit event
<p>I have a photo upload form that I'm working on that works like this:</p>

<ol>
<li>You click an "Upload Photo" button.  jQuery detects the click and triggers a click event to a hidden "file" field within the form, which brings up a dialog to search through your files.</li>
<li><p>When the user selects a file, the change event is detected on the hidden file field and triggers a form submission. Here is the code:</p>

<pre><code>// on photo upload button click:
$("input[name=PhotoUpload]").click(function() {
    $("input[name=Photo]").click();
});

// on photo upload:
$("input[name=Photo]").change(function() {
    $("form[name=MediaUpload]").submit();
});
</code></pre>

<p>and the form:</p>

<pre><code>&lt;form name="MediaUpload" method="post" action="/postad/media.cfm" target="Media" enctype="multipart/form-data"&gt;
    &lt;input type="button" name="PhotoUpload" value="Upload Photo"&gt;
    &lt;input type="file" name="Photo" size="30" style="visibility:hidden;"&gt;
&lt;/form&gt;
</code></pre></li>
</ol>

<p>This works great in Chrome and FireFox, but am having no luck in any version of IE.  Any suggestions?</p>
