How to make something disappear using jQuery?
<p>I have the following drop down:</p>

<pre><code>&lt;select name="chooseLanguage"&gt;
    &lt;option&gt;Choose One&lt;/option&gt;
    &lt;option value="java"&gt;Java&lt;/option&gt;
    &lt;option value="php"&gt;PHP&lt;/option&gt;
    &lt;option value="c++"&gt;C++&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>If ANYTHING is selected from this dropdown other than the default "Choose One" which is of course preselected, then I want this input field to disappear:</p>

<pre><code>&lt;input type="file" name="uploadFile" /&gt;
</code></pre>

<p>How can this be achived using jQuery (if possible with a nice fade effect)?</p>

<p><strong>EDIT</strong></p>

<p>My entire code, for some reason none of the answers have worked for me.</p>

<pre><code>&lt;script type="text/javascript" src="jquery/jquery-1.4.2.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
$(function(){
  $("#chooseLanguage").change(function(){
    if ($(this).val() == '') {
      $("#uploadFile").hide();
    } else {
      $("#uploadFile").show();
    }
  });
});
&lt;/script&gt;

&lt;form action="" method="post"&gt;

&lt;select name="chooseLanguage" id="chooseLanguage"&gt;
  &lt;option&gt;Choose One&lt;/option&gt;
  &lt;option value="java"&gt;Java&lt;/option&gt;
  &lt;option value="php"&gt;PHP&lt;/option&gt;
  &lt;option value="c++"&gt;C++&lt;/option&gt;
&lt;/select&gt;

&lt;input type="file" name="uploadFile" id="uploadFile" /&gt;

&lt;/form&gt;
</code></pre>
